.shpc{max-width:1280px;margin:0 auto;padding:34px 20px 70px;color:#f5f7f8}.shpc__head{max-width:820px;margin-bottom:24px}.shpc__eyebrow{font-weight:900;letter-spacing:.14em;color:#39d7d0;margin:0 0 8px}.shpc h1{font-size:clamp(32px,5vw,58px);line-height:1;margin:0 0 12px}.shpc__head>p:last-child{color:#b9c0c5;font-size:17px}.shpc__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;align-items:start}.shpc__preview{position:sticky;top:18px}.shpc__canvas-wrap{position:relative;background:#15191c;border:1px solid #30383d;border-radius:18px;padding:18px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.shpc canvas{width:100%;height:100%;display:block;touch-action:none}.shpc__empty{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;place-content:center;text-align:center;pointer-events:none;color:#eef2f3}.shpc__empty strong{font-size:25px}.shpc__empty span,.shpc__hint,.shpc__micro{color:#9ea8ae;font-size:13px}.shpc__hint{text-align:center}.shpc__controls{display:grid;gap:12px}.shpc__step{background:#15191c;border:1px solid #30383d;border-radius:14px;padding:16px}.shpc__step-title{display:flex;gap:10px;align-items:center;font-weight:900;margin-bottom:13px}.shpc__step-title b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#39d7d0;color:#071011}.shpc label{display:grid;gap:7px;font-size:13px;font-weight:800}.shpc input[type=text],.shpc select,.shpc textarea{width:100%;box-sizing:border-box;background:#0e1113;color:#fff;border:1px solid #3a454b;border-radius:8px;padding:11px}.shpc textarea{resize:vertical}.shpc__upload,.shpc__smallbtn,.shpc__seg button,.shpc__pack,.shpc__atc,.shpc__danger{border:0;border-radius:8px;font-weight:900;cursor:pointer}.shpc__upload{display:block!important;text-align:center;background:#39d7d0;color:#071011;padding:13px}.shpc__upload input{position:absolute;opacity:0;pointer-events:none}.shpc__seg{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.shpc__seg button{padding:11px 7px;background:#262d31;color:#fff}.shpc__seg button.is-active,.shpc__pack.is-active{outline:2px solid #39d7d0;background:#1e3435}.shpc__row{display:grid;grid-template-columns:1fr auto;gap:8px}.shpc__smallbtn{background:#39d7d0;color:#071011;padding:0 14px}.shpc__text-controls{display:grid;gap:12px;margin-top:13px}.shpc__colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shpc input[type=color]{width:100%;height:42px;border:0;background:none}.shpc input[type=range]{width:100%}.shpc__danger{background:#302124;color:#ffb9c0;padding:9px}.shpc__packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shpc__pack{background:#242a2e;color:#fff;padding:10px 6px;display:grid;gap:3px;text-align:center}.shpc__pack em{font-style:normal;color:#39d7d0;font-size:11px}.shpc__pack span{font-size:13px}.shpc__form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.shpc__atc{background:#39d7d0;color:#071011;padding:16px;font-size:16px}.shpc__atc:disabled{opacity:.45;cursor:not-allowed}.shpc__total{font-size:22px;font-weight:900;margin:0;min-width:90px;text-align:right}.shpc__instructions{border:1px dashed #4a575d;border-radius:10px;padding:13px;color:#cbd1d4}.shpc__instructions p{margin:5px 0 0;font-size:13px}.shpc__text-controls[hidden]{display:none!important}@media(max-width:850px){.shpc{padding:20px 12px 55px}.shpc__layout{grid-template-columns:1fr}.shpc__preview{position:relative;top:auto}.shpc__canvas-wrap{padding:10px}.shpc__packs{grid-template-columns:repeat(2,1fr)}.shpc__seg,.shpc__form{grid-template-columns:1fr}.shpc__total{text-align:center}}@media(max-width:850px){.shpc__upload{touch-action:pan-y;-webkit-user-select:none;user-select:none}.shpc__upload input{width:1px;height:1px;overflow:hidden}.shpc__step{touch-action:pan-y}}@media(max-width:850px){.shpc canvas{touch-action:pan-y}.shpc__canvas-wrap{touch-action:pan-y}}@media(max-width:850px){.shpc canvas{touch-action:pan-y pinch-zoom}}@media(max-width:850px){.shpc__layout{display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 12px);min-height:560px;gap:8px;overflow:hidden}.shpc__preview{position:sticky!important;top:0!important;z-index:20;background:#0e1113;padding-bottom:4px}.shpc__canvas-wrap{width:min(100%,42dvh);max-height:42dvh;margin:0 auto;box-sizing:border-box}.shpc__hint{margin:4px 0 0}.shpc__controls{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:28px;-webkit-overflow-scrolling:touch}}@media(max-width:850px){.shpc__layout{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}.shpc__preview{position:sticky!important;top:0!important;z-index:20;background:#0e1113;padding:0 0 4px}.shpc__canvas-wrap{width:100%!important;max-height:none!important;margin:0!important;aspect-ratio:1!important}.shpc__controls{overflow:visible!important;min-height:0!important;padding-bottom:28px}.shpc__hint{margin:4px 0 8px}.shpc canvas{touch-action:pan-y pinch-zoom}}.shpc__lock-photo{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:12px 13px;background:#20272b;border:1px solid #39444a;border-radius:9px;cursor:pointer}.shpc__lock-copy{display:grid;gap:2px;min-width:0}.shpc__lock-copy strong{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#f5f7f8}.shpc__lock-copy small{font-size:11px;font-weight:600;line-height:1.3;color:#9ea8ae}.shpc__lock-photo input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:24px;height:24px;margin:0;border:2px solid #64727a;border-radius:5px;background:#0e1113;display:grid;place-content:center;cursor:pointer}.shpc__lock-photo input[type=checkbox]:before{content:"\2713";font-size:17px;font-weight:900;color:#071011;transform:scale(0);line-height:1}.shpc__lock-photo input[type=checkbox]:checked{background:#39d7d0;border-color:#39d7d0}.shpc__lock-photo input[type=checkbox]:checked:before{transform:scale(1)}.shpc select[data-shpc-font]{max-height:42px;height:42px;font-size:13px;padding:7px 30px 7px 9px}.shpc select[data-shpc-font] option{font-size:13px;padding:4px 8px}
/*# sourceMappingURL=/cdn/shop/t/84/assets/sh-photo-customizer.css.map */