.pm-stage{margin-top:64px}.pm-flow{margin-top:clamp(96px,11vw,152px)}.pm-app{--pm-out:cubic-bezier(.23, 1, .32, 1);--pm-move:cubic-bezier(.77, 0, .175, 1);--app-min-h:0;--app-line:#ffffff17;--pm-mute:#8e97a1;--pm-tint:#e8eaed24;color:#e8eaed;background:#14191f;box-shadow:0 0 0 1px #ffffff1a}.pm-app .pub-app__bar{border-bottom:0;gap:0;padding:0}.pm-app .pub-app__mark{color:#fff}.pm-app .pub-app__sep{color:#4a525b}.pm-top,.pm-tool{border-bottom:1px solid var(--app-line);flex:0 0 100%;align-items:center;gap:12px;min-width:0;padding:10px 16px;display:flex}.pm-top__meta{color:var(--pm-mute);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.pm-top .pub-pause{color:#e8eaed;background:0 0;box-shadow:0 0 0 1px #ffffff29}.pm-top .pub-pause:hover,.pm-top .pub-pause[aria-pressed=true]{background:var(--pm-tint)}.pm-tool{color:var(--pm-mute);padding-block:8px;font-size:13px}.pm-tool b{color:#e8eaed;font-weight:600}.pm-tool svg{flex:none}.pm-tool__sep{background:var(--app-line);flex:none;width:1px;height:20px}.pm-tool__zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:40px}.pm-tool__snap{background:var(--pm-tint);color:#e8eaed;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.pm-btn{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.pm-btn--primary{color:#0b0f14;background:#e8eaed;transition:transform .16s ease-out}.pm-btn--primary[data-open=true]{transform:scale(.97)}.pm-btn--solid{background:var(--endorr-black);color:#fff;padding:11px;font-size:14px}.pm-btn--solid[data-pressed=true]{animation:.22s ease-out pm-press}@keyframes pm-press{40%{transform:scale(.97)}}.pm-swap{display:grid}.pm-swap>span{grid-area:1/1;justify-content:center;align-items:center;gap:7px;display:inline-flex}.pm-swap__a{transition:opacity .15s ease-out}.pm-swap__b{opacity:0;transition:opacity .15s ease-out,transform .15s ease-out;transform:scale(.95)}.pm-swap[data-done=true] .pm-swap__a{opacity:0}.pm-swap[data-done=true] .pm-swap__b{opacity:1;transition:opacity .25s var(--pm-out) 50ms, transform .3s var(--pm-out) 50ms;transform:none}.pm-btn--ghost{color:#e8eaed;background:0 0;box-shadow:0 0 0 1px #ffffff2e}.pm-btn--light{color:#0b0f14;background:#fff;box-shadow:0 0 0 1px #d5d9dd}.pm-seg{color:#545b62;background:#f2f4f6;border-radius:6px;gap:2px;padding:2px;font-size:12px;font-weight:600;display:inline-flex}.pm-seg i{text-align:center;border-radius:4px;padding:4px 9px;font-style:normal}.pm-seg i[aria-current=true]{color:#0b0f14;background:#dfe3e7}.pm-seg--eq{grid-template-columns:repeat(var(--n), 1fr);isolation:isolate;display:grid;position:relative}.pm-seg--eq i[aria-current=true]{background:0 0}.pm-seg__pill{z-index:-1;width:calc((100% - 4px - 2px * (var(--n) - 1)) / var(--n));transform:translateX(calc(var(--i) * (100% + 2px)));transition:transform .25s var(--pm-move);background:#dfe3e7;border-radius:4px;position:absolute;top:2px;bottom:2px;left:2px}.pm-seg--dark{color:var(--pm-mute);background:#ffffff0f}.pm-seg--dark i[aria-current=true]{background:var(--pm-tint);color:#fff}.pm-seg--fill{display:flex}.pm-seg--fill i{flex:1;padding-block:6px}.pm-seg em,.pm-views em{color:#0b0f14;background:#8e97a1;border-radius:9px;margin-left:6px;padding:1px 6px;font-size:11px;font-style:normal}.pm-dlwrap{position:relative}.pm-pop{z-index:5;color:#0b0f14;opacity:0;visibility:hidden;transform-origin:calc(100% - 28px) 0;background:#fff;border-radius:10px;flex-direction:column;gap:12px;width:min(300px,100vw - 56px);padding:14px;font-size:13px;transition:opacity .12s ease-out,transform .12s ease-out,visibility 0s .12s;display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:scale(.95);box-shadow:0 0 0 1px #0b0f1424}.pm-pop[data-open=true]{opacity:1;visibility:visible;transition:opacity .18s var(--pm-out), transform .18s var(--pm-out), visibility 0s;transform:none}.pm-pop__row{color:#545b62;justify-content:space-between;align-items:center;gap:10px;display:flex}.pm-pop p{color:#6b737b;margin:0;font-size:12px}.pm-app .pub-app__panel{background:#fff;border-left:0}.pm-app .pub-app__side{background:#14191f;gap:14px;overflow:hidden}.pm-head{align-items:baseline;gap:8px;display:flex}.pm-head b{font:700 18px var(--font-display)}.pm-head small{color:var(--pm-mute);font-size:12px}.pm-add{align-self:center;margin-left:auto;padding:5px 10px;font-size:12px}.pm-drop{text-align:center;border:1px dashed #ffffff38;border-radius:10px;justify-items:center;gap:6px;padding:30px 14px;font-size:14px;display:grid}.pm-drop svg{color:var(--pm-mute)}.pm-drop span{color:var(--pm-mute);font-size:12px;line-height:1.4}.pm-sidewrap{flex-direction:column;flex:1;gap:14px;display:flex}.pm-logo{animation:pm-arrive .45s var(--pm-out) both;border:1px solid var(--app-line);background:#ffffff08;border-radius:10px;overflow:hidden}.pm-logo__row{border-bottom:1px solid var(--app-line);align-items:center;gap:10px;padding:12px;font-size:14px;display:flex}.pm-logo__row small{color:var(--pm-mute);min-height:1.3em;font-size:13px;display:block}.pm-logo__thumb{background:#0b0f14;border-radius:6px;flex:none;width:38px;height:38px;padding:3px}.pm-logo__body{flex-direction:column;gap:10px;padding:12px;display:flex}.pm-sub{letter-spacing:.08em;text-transform:uppercase;color:#6b737b;font-size:11px;font-weight:600}.pm-logo .pm-sub{font:600 14px var(--font-body,inherit);text-transform:none;letter-spacing:0;color:#e8eaed}.pm-sketch{background:#0b0f14;border-radius:8px;place-items:center;padding:10px;display:grid}.pm-sketch__tee{width:112px;position:relative}.pm-sketch__tee svg{width:100%;height:auto;display:block}.pm-sketch__tee span{aspect-ratio:1;transform-origin:0 0;width:100%;transition:transform 1.1s var(--pm-move), opacity .3s ease-out;background:#c9d3de;border-radius:2px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffff80}@keyframes pm-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pm-spots{flex-direction:column;gap:2px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.pm-spots li{isolation:isolate;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;display:flex;position:relative}.pm-spots li:before{content:"";z-index:-1;background:var(--pm-tint);opacity:0;border-radius:6px;transition:opacity .25s ease-out;position:absolute;inset:0}.pm-spots li>*{position:relative}.pm-spots li i{color:#0b0f14;border:1.5px solid #4a525b;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid;position:relative}.pm-spots li i:before{content:"";opacity:0;transition:opacity .2s ease-out, transform .25s var(--pm-out);background:#e8eaed;border-radius:50%;position:absolute;inset:-1.5px;transform:scale(.8)}.pm-spots li i svg{opacity:0;transition:opacity .2s ease-out;position:relative}.pm-spots li[aria-current=true]:before,.pm-spots li[aria-current=true] i:before,.pm-spots li[aria-current=true] i svg{opacity:1}.pm-spots li[aria-current=true] i:before{transform:none}.pm-hint{color:var(--pm-mute);margin:0;font-size:12px;line-height:1.45}.pm-drop-note{text-align:center;color:var(--pm-mute);margin:auto 0 0;font-size:12px}.pm-app .pub-app__canvas{background:#eef0f2 radial-gradient(#0b0f1421 1px,#0000 1.3px) 0 0/20px 20px;align-items:stretch;min-height:0;padding:20px 20px 10px}.pm-canvas{color:#0b0f14;flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.pm-card{background:#fff;border-radius:10px;place-items:center;padding:8px 8px 60px;display:grid;position:relative;box-shadow:0 0 0 1px #0b0f1412}.pm-card .pm-photo{width:min(100%,560px)}.pm-views{color:#545b62;white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:2px;max-width:calc(100% - 16px);padding:4px;font-size:12.5px;font-weight:600;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0b0f141f}.pm-views>span{border-radius:6px;align-items:center;padding:7px 9px;display:inline-flex}.pm-views>span[aria-current=true]{background:var(--endorr-paper);color:#0b0f14}.pm-views em,.pm-seg em{opacity:0;transform:scale(.9)}.pm-views em[data-on=true],.pm-seg em{opacity:1;transition:opacity .25s ease-out .2s, transform .25s var(--pm-out) .2s;transform:none}.pm-spots-m{gap:6px;margin:0;padding:0;font-size:12px;font-weight:600;list-style:none;display:none}.pm-spots-m li{isolation:isolate;background:#fff;border-radius:6px;padding:6px 10px;position:relative;box-shadow:0 0 0 1px #0b0f141a}.pm-spots-m li:before{content:"";z-index:-1;background:var(--endorr-paper);opacity:0;border-radius:6px;transition:opacity .25s ease-out;position:absolute;inset:0}.pm-spots-m li[aria-current=true]:before{opacity:1}.pm-status{color:#545b62;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:12px;display:flex}.pm-status b{color:#0b0f14;font-variant-numeric:tabular-nums;font-weight:600}.pm-status small{color:#6b737b;margin-left:auto;font-size:12px}.pm-panel{color:#0b0f14;flex-direction:column;flex:1;gap:12px;padding:16px;font-size:14px;display:flex}.pm-panel .pm-sub{color:#6b737b}.pm-product{border:1px solid var(--app-line-l,#e8eaed);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.pm-product>span:nth-child(2){flex:1;min-width:0}.pm-product small{color:#6b737b;font-size:12px;display:block}.pm-product b{font:700 15px var(--font-display);display:block}.pm-product__thumb{flex:none;width:44px;height:40px}.pm-row{color:#545b62;justify-content:space-between;align-items:center;gap:8px;display:flex}.pm-row b{color:#0b0f14;font-weight:500}.pm-select{border:1px solid #d5d9dd;border-radius:6px;justify-content:space-between;align-items:center;gap:40px;padding:7px 10px 7px 12px;font-weight:500;display:inline-flex}.pm-dots{grid-template-columns:repeat(8,1fr);gap:7px;padding:4px 3px;display:grid;position:relative}.pm-dots i{aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1px #0b0f1424}.pm-dots__ring{aspect-ratio:1;pointer-events:none;width:calc(12.5% - 6.875px);transform:translate(calc(var(--c) * (100% + 7px)), calc(var(--r) * (100% + 7px)));transition:transform .45s var(--pm-move);border-radius:50%;position:absolute;top:4px;left:3px;box-shadow:0 0 0 2px #fff,0 0 0 4px #aab1b8}.pm-product__thumb path{transition:fill .6s var(--pm-out)}.pm-hint--light{color:#6b737b}.pm-bg{gap:8px;display:flex}.pm-bg i{background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #0b0f1433}.pm-bg i[aria-current=true]{box-shadow:0 0 0 1px #0b0f1433,0 0 0 3px #fff,0 0 0 5px #aab1b8}.pm-bg i[data-k=checker]{background:repeating-conic-gradient(#d5d9dd 0 25%, #fff 0 50%) 0 0 / 8px 8px}.pm-bg i[data-k=solid]{background:var(--endorr-paper)}.pm-dl{border-top:1px solid #e8eaed;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.pm-dl p{font:700 17px var(--font-display);margin:0}.pm-dl__btn{display:flex}.pm-saved{color:var(--app-ok,#1a7f45);opacity:0;justify-content:center;align-items:center;gap:6px;font-size:12px;transition:opacity .2s ease-out;display:flex;transform:translateY(4px)}.pm-saved[data-on=true]{opacity:1;transition:opacity .3s var(--pm-out), transform .3s var(--pm-out);transform:none}[data-pass=again] .pm-panel{animation:pm-arrive .45s var(--pm-out) both}.pm-sv-product{align-items:center;gap:12px;display:flex}.pm-sv-tee{background:#fff;border-radius:6px;flex:none;width:84px;overflow:hidden}.pm-sv-product b{font:700 16px var(--font-display);display:block}.pm-sv-product small{color:var(--grey-500);font-size:13px}.pm-sv-dots{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.pm-sv-spot{justify-content:space-between;gap:8px;display:flex}.pm-sv-spot small{color:var(--grey-500);font-variant-numeric:tabular-nums}.pm-sv-art{background:#fff;border-radius:6px;align-self:flex-end;width:112px;overflow:hidden}@media (max-width:1000px){.pm-stage{margin-top:40px}.pm-app .pub-app__canvas{padding:12px}.pm-spots-m{display:flex}.pm-top__meta,.pm-tool b,.pm-tool__sep:first-of-type{display:none}}@media (max-width:560px){.pm-top{gap:8px;padding:10px 12px}.pm-top .pub-app__sep,.pm-top .pub-app__file{display:none}.pm-top .pub-pause{margin-left:auto}.pm-tool{display:none}.pm-card{padding-bottom:52px}.pm-views{font-size:12px}.pm-views>span{padding:6px 8px}.pm-views>span:nth-child(n+3),.pm-status span{display:none}.pm-status small{margin-left:0}.pm-panel{padding:14px 12px}}@media (prefers-reduced-motion:reduce){.pm-sketch__tee span,.pm-spots li:before,.pm-spots li i:before,.pm-spots li i svg,.pm-pop,.pm-dots__ring,.pm-saved,.pm-seg__pill,.pm-product__thumb path,.pm-views em,.pm-spots-m li:before,.pm-swap>span,.pm-btn--primary{transition:none}.pm-logo,.pm-panel,.pm-btn--solid[data-pressed=true]{animation:none}.pm-pop{transform:none}}.pm-products{scroll-margin-top:24px}