.ps-stage{position:relative;aspect-ratio:4 / 5;max-height:calc(100vh - var(--header-h) - 140px);min-height:360px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-line);background:linear-gradient(45deg,rgba(var(--c-ink-rgb),.035) 25%,transparent 25%,transparent 75%,rgba(var(--c-ink-rgb),.035) 75%) 0 0 / 22px 22px,linear-gradient(45deg,rgba(var(--c-ink-rgb),.035) 25%,transparent 25%,transparent 75%,rgba(var(--c-ink-rgb),.035) 75%) 11px 11px / 22px 22px,var(--c-muted)}.ps-stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;outline:none;cursor:crosshair}.ps-stage__canvas:focus-visible{box-shadow:inset 0 0 0 3px rgba(var(--c-ink-rgb),.45)}[data-photo-studio] .ps-stage:has([data-ps-mode=pan][aria-pressed=true]) .ps-stage__canvas{cursor:grab}.ps-stage__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:var(--s-2);padding:var(--s-8);text-align:center;z-index:2;background:var(--c-muted)}.ps-stage__empty-title{font-weight:700;font-size:var(--fs-md)}.ps-stage__empty .small{max-width:34ch}.ps-demo{width:min(78%,320px);margin-bottom:var(--s-3)}.ps-demo__svg{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 28px rgba(0,0,0,.08))}.ps-demo__line{stroke-dashoffset:0}.anim-on .ps-demo__line{stroke-dasharray:520;stroke-dashoffset:520;animation:psTrace 3.6s var(--ease-in-out) infinite}.anim-on .ps-demo__dots circle{opacity:0;animation:psDot 3.6s var(--ease-out) infinite}.anim-on .ps-demo__dots circle:nth-child(2){animation-delay:.35s}.anim-on .ps-demo__dots circle:nth-child(3){animation-delay:.7s}.anim-on .ps-demo__dots circle:nth-child(4){animation-delay:1.05s}.anim-on .ps-demo__dots circle:nth-child(5){animation-delay:1.4s}@keyframes psTrace{0%{stroke-dashoffset:520}55%,80%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@keyframes psDot{0%{opacity:0;transform:scale(.4)}12%,80%{opacity:1;transform:none}to{opacity:0}}.ps-demo__dots circle{transform-box:fill-box;transform-origin:center}.ps-stage__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:var(--s-4);background:var(--c-muted);z-index:4}.ps-stage__skeleton{width:46%;aspect-ratio:3 / 4;border-radius:22px}.ps-tools{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;z-index:3;pointer-events:none;transition:opacity var(--t-med),transform var(--t-med) var(--ease-out)}.ps-tools>*{pointer-events:auto}.ps-tools__modes button{gap:6px;padding:8px 12px}.ps-tools__actions{display:flex;gap:6px;align-items:center}.ps-tools__sep{width:1px;height:24px;background:var(--c-line);margin-inline:2px}.ps-tools__zoom{width:auto;min-width:52px;padding-inline:8px;font-size:var(--fs-xs);font-weight:700;font-variant-numeric:tabular-nums}.tool:disabled{opacity:.45;pointer-events:none}[data-photo-studio]:not([data-step="2"]) .ps-tools{opacity:0;transform:translateY(-6px);pointer-events:none}[data-photo-studio]:not([data-step="2"]) .ps-tools>*{pointer-events:none}.ps-stage__close{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:3;box-shadow:var(--shadow-md)}.anim-on .ps-stage__close:not([hidden]){animation:psPop .35s var(--ease-out)}@keyframes psPop{0%{opacity:0;transform:translate(-50%,8px) scale(.96)}to{opacity:1;transform:translate(-50%)}}.ps-stage__meta{display:grid;gap:6px;margin-top:var(--s-3)}.ps-stage__help{color:var(--c-text-2);min-height:2.6em}.ps-stage__row{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}.ps-stage__count{font-weight:600}[data-photo-studio]:not([data-step="2"]) .ps-stage__meta{visibility:hidden}.ps__intro{margin-bottom:var(--s-5)}.ps__lead{font-size:var(--fs-md);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em;max-width:34ch}.ps__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 var(--s-6);padding:0;list-style:none}.ps__dot{width:100%;display:flex;align-items:center;gap:8px;padding:10px;border-radius:var(--r-sm);border:1px solid var(--c-line);background:var(--c-surface);font-size:var(--fs-xs);font-weight:600;color:var(--c-text-2);text-align:left;transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.ps__dot span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--c-muted);color:var(--c-ink);transition:background-color var(--t-fast),color var(--t-fast)}.ps__dot:disabled{opacity:.55;cursor:not-allowed}.ps__dot.is-done span{background:var(--c-ink);color:var(--c-bg)}.ps__dot.is-current{border-color:var(--c-ink);color:var(--c-ink)}.ps__dot.is-current span{background:var(--c-accent);color:#111}.ps__panel{display:grid;gap:var(--s-4)}.anim-on .ps__panel:not([hidden]){animation:psPanel .45s var(--ease-out)}@keyframes psPanel{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ps__title{font-size:var(--fs-lg);font-weight:800;letter-spacing:-.02em;outline:none}.ps__text{color:var(--c-text-2);max-width:52ch}.ps__error{color:var(--c-error)}.ps__nav{display:flex;gap:var(--s-3);margin-top:var(--s-2)}.ps__nav .btn{flex:1;gap:8px}.ps__nav .btn--secondary{flex:0 0 auto}.ps__nav--end{justify-content:flex-end}.ps__nav--end .btn{flex:0 1 220px}.ps__field{position:relative}.ps__count{position:absolute;right:0;top:0}.ps__privacy{display:flex;gap:6px;align-items:flex-start}.ps__privacy svg{flex:none;margin-top:2px}.ps__promise{display:flex;gap:10px;align-items:flex-start;padding:var(--s-4);border-radius:var(--r-md);background:rgba(var(--c-accent-rgb),.1);font-weight:600}.ps__promise svg{flex:none;color:var(--c-accent);margin-top:2px}.ps__back{justify-self:center;display:inline-flex;gap:6px;align-items:center}[data-ps-next].is-ready{animation:none}.anim-on [data-ps-panel="2"] [data-ps-next].is-ready{animation:psNudge 1.2s var(--ease-out) 1}@keyframes psNudge{0%{box-shadow:0 0 rgba(var(--c-accent-rgb),.6)}to{box-shadow:0 0 0 12px rgba(var(--c-accent-rgb),0)}}.ps-drop{display:grid;justify-items:center;gap:6px;padding:var(--s-8) var(--s-5);border:1.5px dashed rgba(var(--c-ink-rgb),.28);border-radius:var(--r-lg);background:var(--c-surface);text-align:center;cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast),transform var(--t-fast)}.ps-drop:hover,.ps-drop:focus-within{border-color:var(--c-ink)}.ps-drop.is-drag{border-color:var(--c-accent);background:rgba(var(--c-accent-rgb),.08);transform:scale(1.01)}.ps-drop__icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--c-ink);color:var(--c-bg);margin-bottom:4px;transition:transform var(--t-med) var(--ease-out)}.ps-drop:hover .ps-drop__icon{transform:translateY(-3px)}.ps-drop__title{font-weight:700}@media(hover:none){.ps-drop__desk{display:none}}.ps-photo{display:grid;grid-template-columns:64px 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface)}.ps-photo__thumb{width:64px;height:64px;border-radius:var(--r-sm);overflow:hidden;background:var(--c-muted)}.ps-photo__thumb img{width:100%;height:100%;object-fit:cover}.ps-photo__body{display:grid;gap:4px;min-width:0}.ps-photo__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm)}.ps-photo__progress{display:block;height:4px;border-radius:4px;background:var(--c-muted);overflow:hidden}.ps-photo__progress span{display:block;height:100%;width:var(--p, 0%);background:var(--c-accent);transition:width var(--t-fast)}.ps-photo__replace{cursor:pointer}.ps-tips{display:flex;gap:var(--s-4);align-items:center;padding:var(--s-4);border-radius:var(--r-md);background:var(--c-muted)}.ps-tips__media{flex:none;width:88px;height:88px;margin:0;border-radius:var(--r-sm);overflow:hidden}.ps-tips__media img{width:100%;height:100%;object-fit:cover}.ps-tips__list{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:var(--fs-sm)}.ps-tips__list li{display:flex;gap:8px;align-items:flex-start}.ps-tips__list svg{flex:none;margin-top:3px;color:var(--c-success)}.ps-howto{display:grid;gap:8px;margin:0;padding:var(--s-4) var(--s-4) var(--s-4) calc(var(--s-4) + 16px);border-radius:var(--r-md);background:var(--c-muted);color:var(--c-text-2)}.ps-summary{display:grid;grid-template-columns:120px 1fr;gap:var(--s-4);padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface)}.ps-summary__media{border-radius:var(--r-sm);overflow:hidden;background:var(--c-muted);align-self:start;aspect-ratio:1}.ps-summary__media img{width:100%;height:100%;object-fit:contain}.ps-summary__list{display:grid;gap:6px;margin:0;font-size:var(--fs-sm)}.ps-summary__list div{display:grid;grid-template-columns:96px 1fr;gap:8px}.ps-summary__list dt{color:var(--c-text-2)}.ps-summary__list dd{margin:0;font-weight:600;overflow-wrap:anywhere}.ps-summary__total{padding-top:8px;margin-top:4px;border-top:1px solid var(--c-line)}.ps-summary__total dd{font-size:var(--fs-md)}[data-add-btn].is-blocked{opacity:.65}@media(max-width:989px){[data-photo-studio] .ps-visual{position:static;margin:0;padding:0;background:none;box-shadow:none!important}[data-photo-studio]:not([data-step="2"]) .ps-visual{display:none}[data-photo-studio][data-step="2"] .ps-visual{order:-1}[data-photo-studio] .ps-stage{aspect-ratio:auto;height:min(64vh,120vw);min-height:300px;max-height:none;border-radius:var(--r-md)}[data-photo-studio] .ps-tools{left:8px;right:8px;top:8px}[data-photo-studio] .ps-tools__modes button span{display:none}[data-photo-studio] .ps-tools__modes button{padding:8px 10px}[data-photo-studio] .tool{width:38px;height:38px}[data-photo-studio][data-step="2"] .product__head,[data-photo-studio][data-step="2"] .ps__intro,[data-photo-studio][data-step="2"] .ps__steps,[data-photo-studio][data-step="2"] .ps-howto{display:none}[data-photo-studio][data-step="2"] [data-ps-panel="2"] .ps__title{font-size:var(--fs-md)}[data-photo-studio][data-step="2"] [data-ps-panel="2"] .ps__nav{position:sticky;bottom:0;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:var(--c-bg);z-index:6}.ps__dot{flex-direction:column;justify-content:center;gap:4px;padding:8px 4px;text-align:center;font-size:10.5px}.ps-summary{grid-template-columns:1fr}.ps-summary__media{aspect-ratio:4 / 3}}@media(max-width:989px)and (max-height:640px){[data-photo-studio] .ps-stage{height:56vh}}@media(prefers-reduced-motion:reduce){.ps-demo__line,.ps-demo__dots circle{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}.ps-stage-wrap--markers .ps-stage__canvas{cursor:copy}.ps-marks{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}.ps-marks li{display:inline-flex;align-items:center;border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-surface);transition:border-color var(--t-fast),background-color var(--t-fast)}.anim-on .ps-marks li:last-child{animation:psChip .3s var(--ease-out)}.ps-marks li.is-selected{border-color:var(--c-ink)}.ps-marks__item{display:inline-flex;align-items:center;gap:7px;padding:5px 4px 5px 5px;border:0;background:none;font-size:var(--fs-xs);font-weight:600;color:var(--c-ink)}.ps-marks__n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--c-accent);color:#fff;font-size:11px;font-weight:700}.ps-marks li.is-selected .ps-marks__n{background:var(--c-ink)}.ps-marks__del{width:30px;height:30px;display:grid;place-items:center;border:0;background:none;border-radius:50%;color:var(--c-text-2)}.ps-marks__del:hover{color:var(--c-error);background:var(--c-error-bg)}@keyframes psChip{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.ps-stage__note{display:flex;gap:6px;align-items:flex-start}.ps-stage__note svg{flex:none;margin-top:2px}.ps__keep{border:0;margin:0;padding:0;display:grid;gap:var(--s-2)}.ps-demo__mark{transform-box:fill-box;transform-origin:center}.anim-on .ps-demo__mark{opacity:0;animation:psMark 3.6s var(--ease-out) infinite}.anim-on .ps-demo__mark:nth-child(2){animation-delay:1.2s}.ps-demo__tap{opacity:0;transform-box:fill-box;transform-origin:center}.anim-on .ps-demo__tap{animation:psTap 3.6s var(--ease-out) infinite}@keyframes psMark{0%,8%{opacity:0;transform:scale(.3)}16%{opacity:1;transform:scale(1.15)}22%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes psTap{0%,4%{opacity:.9;transform:scale(.4)}18%{opacity:0;transform:scale(1.6)}to{opacity:0}}@media(max-width:989px){[data-photo-studio][data-step="2"] .ps__keep,[data-photo-studio][data-step="2"] [data-ps-panel="2"] .field{scroll-margin-top:calc(var(--header-h) + 12px)}}@media(prefers-reduced-motion:reduce){.ps-demo__mark{animation:none!important;opacity:1!important}.ps-demo__tap{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/photo-studio.css.map */