.set-body{direction:ltr;flex-direction:column;display:flex}.set-main{min-width:0}.set-stage{--step-f:.5;perspective:1400px;perspective-origin:50% 62%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;background:radial-gradient(ellipse 62% 16% at 50% 90%, color-mix(in srgb, var(--bg-sand) 85%, transparent), transparent 72%);height:min(132vw,560px);position:relative;overflow:hidden;container-type:inline-size}.set-stage.is-dragging{cursor:grabbing}.set-stage[data-count="1"]{cursor:default;touch-action:auto}.set-stage:focus-visible{outline:2px solid var(--text-primary);outline-offset:-2px}.set-fig{--d:0;--a:max(var(--d), calc(-1 * var(--d)));aspect-ratio:3/4;height:90%;color:inherit;cursor:pointer;transform-origin:50% 100%;transform:translate3d(calc(-50% + var(--d) * var(--step-f) * 100cqw), calc(var(--a) * -8px), calc(var(--a) * -120px)) scale(calc(1 / (1 + .2 * var(--a))));opacity:clamp(0, min(calc(1 - .2 * var(--a)), calc((2.6 - var(--a)) * 3)), 1);filter:blur(calc(min(var(--a), 2) * 1px));-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:transform .48s cubic-bezier(.2,.7,.2,1),opacity .48s,filter .48s;position:absolute;bottom:6%;left:50%}.set-fig[data-front]{cursor:inherit;filter:none}.set-fig[data-far]{pointer-events:none}.set-fig:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.set-stage.is-dragging .set-fig{transition:none}.set-fig.is-round{transition:none;animation:.42s both set-fig-in}@keyframes set-fig-in{0%{opacity:0}}.set-fig img{object-fit:contain;object-position:50% 100%;pointer-events:none;width:100%;height:100%;display:block}.set-loader{z-index:30;color:var(--text-muted);pointer-events:none;margin:-22px 0 0 -22px;animation:.3s .2s both set-loader-in;position:absolute;top:50%;left:50%}@keyframes set-loader-in{0%{opacity:0}}.set-stage.is-live .set-fig img{opacity:0;transition:opacity .4s}.set-stage.is-live .set-fig[data-ready] img{opacity:1}.set-fig:after{content:"";z-index:-1;filter:blur(5px);opacity:0;background:radial-gradient(closest-side,#00000057,#00000024 55%,#0000);border-radius:50%;height:6%;transition:opacity .3s;position:absolute;bottom:-2.5%;left:10%;right:10%}.set-fig[data-ready]:after{opacity:1}.set-arrow{z-index:40;width:44px;height:44px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;margin-top:-22px;display:inline-flex;position:absolute;top:50%}.set-arrow-next{left:2px}.set-arrow-prev{right:2px}.set-arrow:disabled{opacity:.28}.set-bar{align-items:flex-end;gap:4px;padding:0 16px 16px;display:flex}.set-bar-toggle{width:44px;height:44px;color:var(--text-primary);flex:none;justify-content:center;align-items:center;margin:0 -10px -21px -4px;display:inline-flex}.set-bar-main{flex:auto;min-width:0}.set-bar-labels{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.set-bar-label{justify-content:center;align-items:center;width:32px;height:40px;display:inline-flex}.set-bar-dot{background:var(--text-primary);width:4px;height:4px;opacity:calc(1 - .24 * var(--a,3));transform:scale(calc(1.6 - .3 * var(--a,3)));border-radius:50%;transition:opacity .3s,transform .3s}.set-bar-track{background:var(--bg-tertiary);height:2px;overflow:hidden}.set-bar-fill{background:var(--text-primary);transform-origin:100%;width:100%;height:100%;transition:transform .3s;display:block}.set-bar-fill.is-timed{transition:none;animation-name:set-bar-run;animation-timing-function:linear;animation-fill-mode:both}@keyframes set-bar-run{0%{transform:scaleX(0)}}.set-pane{min-width:0;padding:8px 20px 0}.set-pane-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.set-pane-title{font-size:16px;font-weight:500}.set-panel:not([hidden]){animation:.32s both set-panel-in}@keyframes set-panel-in{0%{opacity:0;transform:translateY(6px)}}.set-item{border-bottom:1px solid var(--border);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.set-item-photo{background:var(--bg-secondary);border-radius:6px;width:64px;height:80px;display:block;overflow:hidden}.set-item-photo img{object-fit:cover;width:100%;height:100%}.set-item-text{flex-direction:column;gap:4px;min-width:0;display:flex}.set-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.set-item-price{color:var(--text-secondary);font-size:13px}.set-item-add{border:1px solid var(--border);width:44px;height:44px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.set-item-add:disabled{opacity:.5}.set-item-state{color:var(--text-muted);font-size:12px}.set-options-body{overscroll-behavior:contain;flex-direction:column;gap:14px;margin-inline:-8px;padding-inline:8px;display:flex;overflow-y:auto}.set-options .action-bar{width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;padding:0;position:static;inset:auto}.set-options .action-bar-sticky{display:none}.set-options-more{min-height:44px;color:var(--text-secondary);text-underline-offset:4px;align-self:center;align-items:center;font-size:13px;text-decoration:underline;display:inline-flex}@media (min-width:768px){.set-body{flex-direction:row;align-items:stretch;max-width:1280px;margin-inline:auto}.set-main{flex:0 0 67%}.set-stage{--step-f:.26;height:clamp(440px,42vw,600px)}.set-fig{height:82%;bottom:9%}.set-arrow-next{left:12px}.set-arrow-prev{right:12px}.set-bar{padding:0 24px 6px}.set-pane{border-left:1px solid var(--border);flex:1 1 0;max-height:calc(clamp(440px,42vw,600px) + 52px);padding:20px 24px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.set-fig{transition:opacity .2s}.set-fig.is-round,.set-panel:not([hidden]){animation:none}}
