:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0b;--ink:#f3efe6;--ink-2:#f3efe6c2;--ink-3:#f3efe694;--on-ink:#14130f;--accent:#6ebe6e;--accent-hi:#82cc82;--warn:#f6a26f;--glass:#14130f8c;--glass-deep:#14130fbd;--glass-line:#ffffff29;--blur:blur(16px) saturate(1.2);--glass-cool:#78828c73;--blur-cool:blur(14px);--surface-2:#ffffff0f;--surface-3:#ffffff1f;--line:#ffffff17;--line-2:#ffffff2e;--shadow:0 0 0 .5px #ffffff14 inset, 0 20px 60px #00000059;--tip-bg:#141414e0;--font:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-sm:10px;--r-md:14px;--r-lg:20px;--gap:20px;--bar-h:44px;--panel-w:344px;--dock-room:104px;--ease:cubic-bezier(.4, 0, .2, 1);--spring:cubic-bezier(.34, 1.4, .64, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 14px/1.45 var(--font);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline-offset:2px;outline:2px solid #fff}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--shadow)}#app{height:100dvh;position:relative;overflow:hidden}.stage{position:absolute;inset:0}.stage-well{background:var(--bg);position:absolute;inset:0;overflow:hidden}.frame{background:var(--bg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-poster,.frame-canvas{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.frame-canvas{opacity:0;transition:opacity .6s var(--ease)}.frame.is-ready .frame-canvas{opacity:1}.frame.is-loading .frame-poster{filter:blur(6px)saturate(.6);transform:scale(1.02)}.hud{top:max(var(--gap), env(safe-area-inset-top));left:max(var(--gap), env(safe-area-inset-left));right:max(var(--gap), env(safe-area-inset-right));z-index:5;pointer-events:none;animation:drop .6s var(--ease) both;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.hud>*{pointer-events:auto}.hud-id{min-width:0;height:var(--bar-h);border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 12px;display:inline-flex}.logo{border-radius:50%;flex:none;grid-template-columns:1fr 1fr;width:18px;height:18px;display:grid;overflow:hidden}.logo span:first-child{background:var(--ink)}.logo span:last-child{background:var(--accent)}.project-name{letter-spacing:.06em;white-space:nowrap;margin:0;font-size:13px;font-weight:600}.project-switch{color:var(--ink-2);flex:none;align-items:center;display:inline-flex;position:relative}.project-select{appearance:none;field-sizing:content;max-width:40vw;height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 24px 0 4px}.project-select:hover{background:var(--surface-3)}.project-select option{color:var(--ink);background:#14130f}.project-switch svg{pointer-events:none;position:absolute;right:4px}.cam-name{border-left:1px solid var(--line-2);color:var(--ink-3);white-space:nowrap;padding-left:10px;font-size:12px}.tools{height:var(--bar-h);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.tool{color:#fff;width:36px;height:36px;transition:background-color .25s var(--ease), color .25s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.tool:hover{background:#ffffff24}.tool[aria-pressed=true]{color:var(--on-ink);background:#fff}.tool:after{content:attr(data-tip);background:var(--tip-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px)}.tool:hover:after,.tool:focus-visible:after{opacity:1;transition-delay:.25s;transform:none}.tools-sep{background:var(--line-2);width:1px;height:18px;margin:0 4px}.loader{left:50%;bottom:var(--dock-room);z-index:3;border-radius:var(--r-md);width:min(300px,100% - 32px);transition:opacity .4s var(--ease), transform .4s var(--ease);gap:8px;padding:12px 16px 14px;display:grid;position:absolute;transform:translate(-50%)}.stage.is-ready .loader{opacity:0;pointer-events:none;transform:translate(-50%,8px)}.loader-label{color:var(--ink-2);font-size:12px}.loader-bar{background:linear-gradient(90deg, var(--accent) 0 var(--pct,4%), var(--line-2) var(--pct,4%));height:3px;transition:background .3s var(--ease);border-radius:3px}.cmp-handle,.cmp-tag{display:none}.frame.is-comparing{cursor:ew-resize;touch-action:none}.frame.is-comparing .cmp-handle{display:flex}.stage.is-comparing .cmp-tag{display:block}.cmp-handle{z-index:2;justify-content:center;align-items:center;width:44px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.cmp-line{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 0 18px #0000004d}.cmp-knob{width:44px;height:44px;color:var(--on-ink);transition:transform .22s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 2px 14px #00000038}.frame.is-dragging .cmp-knob{transform:scale(1.12)}.cmp-tag{top:calc(max(var(--gap), env(safe-area-inset-top)) + var(--bar-h) + 14px);z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#141414d9;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;background:#ffffffb8;border:1px solid #ffffff80;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:600;position:absolute;box-shadow:0 2px 8px #0000001a}.cmp-tag--before{left:var(--gap)}.cmp-tag--after{right:calc(var(--panel-w) + var(--gap) * 2);transition:right .35s var(--ease)}#app.panel-hidden .cmp-tag--after{right:var(--gap)}.dbg{top:calc(var(--gap) + var(--bar-h) + 12px);left:var(--gap);z-index:4;max-width:calc(100% - var(--panel-w) - var(--gap) * 3);border-radius:var(--r-md);animation:drop .25s var(--ease) both;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex;position:absolute}.dbg[hidden]{display:none}.dbg-title{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.dbg-seg{background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:flex}.dbg-seg button{min-height:30px;color:var(--ink-2);background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:12px;font-weight:500}.dbg-seg button[aria-checked=true]{color:var(--on-ink);background:#fff}.dbg-mem{color:var(--ink-3);white-space:nowrap;font-size:12px}.icon-btn{width:32px;height:32px;color:var(--ink-3);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-3);color:var(--ink)}.toast{left:50%;bottom:var(--dock-room);z-index:7;border:1px solid var(--glass-line);background:var(--glass-deep);max-width:min(520px,100% - 32px);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--ink);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex;position:absolute;transform:translate(-50%,8px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast svg{color:var(--accent);flex:none}.toast--warn svg{color:var(--warn)}.dock{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:5;max-width:calc(100% - var(--gap) * 2);border-radius:var(--r-lg);border:1px solid var(--glass-line);background:var(--glass-cool);-webkit-backdrop-filter:var(--blur-cool);backdrop-filter:var(--blur-cool);scrollbar-width:none;animation:dock-in .7s var(--ease) .15s both;gap:6px;padding:8px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%);box-shadow:0 12px 40px #00000040}.dock::-webkit-scrollbar{display:none}.dock-item{border-radius:var(--r-md);color:#ffffffe0;letter-spacing:-.01em;white-space:nowrap;touch-action:manipulation;height:44px;transition:padding .55s var(--spring), gap .55s var(--spring), background-color .22s var(--ease), border-color .22s var(--ease), color .22s var(--ease);background:#ffffff1a;border:1px solid #ffffff1a;flex:none;align-items:center;gap:0;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.dock-item:hover{color:#fff;background:#fff3;border-color:#ffffff38}.dock-item.is-active{background:var(--accent);color:var(--on-ink);border-color:#0000;padding:0 18px;font-weight:600}.panel{top:calc(max(var(--gap), env(safe-area-inset-top)) + var(--bar-h) + 10px);right:max(var(--gap), env(safe-area-inset-right));z-index:4;width:var(--panel-w);max-height:calc(100% - var(--gap) - var(--bar-h) - 10px - var(--dock-room));border-radius:var(--r-lg);border:1px solid var(--glass-line);background:var(--glass-deep);min-height:0;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow);transform-origin:100% 0;transition:transform .4s var(--ease), opacity .3s var(--ease);animation:panel-in .55s var(--ease) .1s both;flex-direction:column;display:flex;position:absolute;overflow:hidden}.panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(-8px)scale(.97)}.sheet-toggle{display:none}.panel-head{border-bottom:1px solid var(--line);padding:16px 16px 12px 20px}.panel-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-id{min-width:0}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0;font-size:10px;font-weight:600}.panel-title{letter-spacing:-.02em;margin:6px 0 2px;font-size:20px;font-weight:600;line-height:1.15}.panel-meta{color:var(--ink-3);margin:0;font-size:12px}.panel-close{border:1px solid var(--line-2);width:32px;height:32px;color:var(--ink);transition:background-color .2s var(--ease), transform .2s var(--ease);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.panel-close:hover{background:var(--surface-3)}.panel-close:active{transform:scale(.94)}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex:1;min-height:0;padding:0 20px 4px;overflow-y:auto}.panel-body>*{animation:rise .4s var(--ease) backwards}.panel-body>:nth-child(2){animation-delay:40ms}.panel-body>:nth-child(n+3){animation-delay:80ms}.block{padding-top:16px}.block-meta{color:var(--ink-3);font-size:12px}.swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;display:grid}.mat-card{min-width:0;color:var(--ink);text-align:left;border-radius:var(--r-sm);background:0 0;border:0;flex-direction:column;gap:1px;padding:0;display:flex}.mat-card:focus-visible{outline-offset:3px}.swatch{aspect-ratio:1;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .22s var(--ease);border-radius:12px;margin-bottom:6px;display:block;position:relative;overflow:hidden}.swatch-img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.mat-card:hover .swatch-img{transform:scale(1.08)}.mat-card.is-active .swatch{box-shadow:0 0 0 2px #1a1915, 0 0 0 4px var(--accent)}.swatch-check{background:var(--accent);width:18px;height:18px;color:var(--on-ink);animation:pop .25s var(--ease) both;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.mat-name{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.mat-card.is-active .mat-name{color:var(--ink)}.mat-price{display:none}.detail{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);margin-top:16px;padding:12px 14px}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 3px;font-size:10px;font-weight:700}.detail-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600;line-height:1.25}.detail-price{white-space:nowrap;margin:14px 0 0;font-size:13px;font-weight:600}.detail-price span{color:var(--ink-3);font-size:11px;font-weight:400}.detail-finish{color:var(--ink-2);margin:4px 0 0;font-size:12px}.specs{border-top:1px solid var(--line);flex-wrap:wrap;gap:4px 18px;margin:10px 0 0;padding-top:10px;display:flex}.spec dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.spec dd{white-space:nowrap;margin:0;font-size:12px;font-weight:500}.field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:12px 0 8px;font-size:10px;font-weight:600}.tones{flex-wrap:wrap;gap:6px;display:flex}.tone{background:var(--surface-2);min-height:34px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);transition:box-shadow .15s var(--ease), color .15s var(--ease);border:0;border-radius:999px;align-items:center;gap:7px;padding:3px 12px 3px 3px;font-size:12px;font-weight:500;display:inline-flex}.tone:hover{color:var(--ink)}.tone.is-active{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--ink)}.tone-dot{background-blend-mode:multiply;background-position:50%;background-size:220%;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff1f}.acc{border-top:1px solid var(--line);margin-top:14px}.acc+.acc{margin-top:0}.acc-sum{cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:46px;list-style:none;display:flex}.acc-sum::-webkit-details-marker{display:none}.acc-title{font-size:13px;font-weight:600}.acc-meta{color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:12px}.acc-chev{width:26px;height:26px;color:var(--ink-2);transition:transform .25s var(--ease), background-color .15s var(--ease);border-radius:50%;place-items:center;display:grid}.acc-sum:hover .acc-chev{background:var(--surface-3)}.acc[open] .acc-chev{transform:rotate(180deg)}.acc-body{gap:16px;padding:2px 0 16px;display:grid}.acc[open] .acc-body{animation:drop .3s var(--ease) both}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.chips{gap:6px;margin-top:8px;display:flex}.chip{background:var(--surface-2);min-height:28px;color:var(--ink-2);transition:background-color .15s var(--ease), color .15s var(--ease);border:0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:500}.chip:hover:not(:disabled){color:var(--ink);background:var(--surface-3)}.chip.is-active{color:var(--on-ink);background:#fff}.chip:disabled{opacity:.4}.text-btn{min-height:32px;color:var(--ink-2);transition:color .15s var(--ease);background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0 2px;font-size:12px;font-weight:500;display:inline-flex}.text-btn:hover:not(:disabled){color:var(--accent)}.text-btn:disabled{opacity:.4}.note{color:var(--ink-3);margin:0;font-size:12px}.sl{gap:2px;display:grid}.sl.is-disabled{opacity:.4}.sl-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sl-label{color:var(--ink-2);font-size:12px}.sl-value{font-size:12px;font-weight:600}.sl-hint{color:var(--ink-3);margin:0;font-size:11px}.sl-input{--pct:50%;--fill:linear-gradient(90deg, var(--accent) 0 var(--pct), var(--line-2) var(--pct) 100%);appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:26px;margin:0}.sl--custom .sl-input{--fill:var(--track)}.sl-input:disabled{cursor:not-allowed}.sl-input:focus-visible{outline:none}.sl-input::-webkit-slider-runnable-track{background:var(--fill);border-radius:3px;height:3px}.sl--custom .sl-input::-webkit-slider-runnable-track{height:6px}.sl-input::-moz-range-track{background:var(--fill);border-radius:3px;height:3px}.sl--custom .sl-input::-moz-range-track{height:6px}.sl-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;transition:transform .15s var(--ease), box-shadow .15s var(--ease);background:#fff;border:0;border-radius:50%;margin-top:-7.5px;box-shadow:0 2px 10px #0006}.sl--custom .sl-input::-webkit-slider-thumb{margin-top:-6px}.sl-input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 10px #0006}.sl-input:active::-webkit-slider-thumb{transform:scale(1.15)}.sl-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent), 0 2px 10px #0006}.sl-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent), 0 2px 10px #0006}.light{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);gap:8px;padding:12px 14px;display:grid}.light-head{color:var(--ink-2);align-items:center;gap:8px;display:flex}.light-name{color:var(--ink);font-size:13px;font-weight:600}.light-dot{border-radius:50%;width:10px;height:10px;margin-left:auto;box-shadow:0 0 10px 1px #ffb45a73}.panel-foot{border-top:1px solid var(--line);gap:10px;padding:12px 20px 16px;display:grid}.bud-sum{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.bud-sum::-webkit-details-marker{display:none}.bud-label{gap:1px;display:grid}.bud-label>span:first-child{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.bud-label svg{transition:transform .25s var(--ease);transform:rotate(180deg)}.bud[open] .bud-label svg{transform:none}.bud-count{color:var(--ink-2);font-size:12px}.bud-total-val{letter-spacing:-.02em;font-size:20px;font-weight:600}.bud-lines{border-top:1px dashed var(--line-2);gap:6px;margin-top:10px;padding-top:10px;display:grid}.bud-row{justify-content:space-between;gap:12px;font-size:12px;display:flex}.bud-what{gap:6px;min-width:0;display:flex}.bud-slot{font-weight:600}.bud-opt{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bud-val{white-space:nowrap;font-weight:500}.bud-note{color:var(--ink-3);margin:8px 0 0;font-size:11px}.btn{border-radius:var(--r-md);min-height:44px;transition:transform .15s var(--ease), background-color .2s var(--ease), opacity .15s var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.btn--primary{background:var(--accent);color:var(--on-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-hi)}.btn:active:not(:disabled){transform:scale(.98)}.btn--block,.panel-foot .btn{width:100%}.btn.is-busy{opacity:.7}.btn.is-busy svg{animation:1s ease-in-out infinite pulse}.empty{background:var(--bg);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.empty-card{border-radius:var(--r-lg);max-width:520px;box-shadow:var(--shadow);background:#14130f;border:1px solid #ffffff1f;justify-items:start;gap:12px;padding:32px;display:grid}.empty-icon{color:var(--warn)}.empty-title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.empty-text{color:var(--ink-2);margin:0}.empty-code{border-radius:var(--r-sm);background:var(--surface-2);width:100%;margin:0;padding:12px 14px;font:500 13px/1.4 ui-monospace,Cascadia Mono,monospace;overflow-x:auto}.empty-small{color:var(--ink-3);margin:0;font-size:12px}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes panel-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}}@keyframes dock-in{0%{opacity:0;transform:translate(-50%,16px)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (pointer:coarse){.tool{width:40px;height:40px}.tools{height:48px}.tool:after{display:none}}@media (width<=1100px){:root{--panel-w:320px}.cam-name{display:none}}@media (height<=640px) and (width>=901px){:root{--dock-room:86px}.dock{padding:6px;bottom:16px}.dock-item{height:38px}}@media (width<=900px){:root{--gap:10px;--bar-h:40px}#app{flex-direction:column;display:flex}.stage{flex:none;position:relative}.stage-well{width:100%;aspect-ratio:var(--aspect,16 / 9);max-height:52dvh;position:relative;inset:auto}.hud-id{padding:0 12px 0 10px}.tools .tool:last-child,.tools-sep{display:none}.tools{height:var(--bar-h);padding:2px}.dbg{max-width:calc(100% - 20px);top:58px}.cmp-tag{top:auto;bottom:80px}.cmp-tag--after,#app.panel-hidden .cmp-tag--after{right:var(--gap)}.loader,.toast{bottom:80px}.dock{max-width:none;box-shadow:none;background:#0d0d0b;border:0;border-radius:0;gap:4px;padding:8px 10px 22px;animation:none;position:relative;bottom:auto;left:auto;transform:none}.dock-item{border-radius:12px;height:38px;padding:0 12px}.dock-item.is-active{padding:0 14px}.panel,.panel.is-hidden{border:0;border-top:1px solid var(--glass-line);opacity:1;pointer-events:auto;background:#14130f;border-radius:20px 20px 0 0;flex:auto;width:auto;max-height:none;margin-top:-14px;animation:none;position:relative;inset:auto;transform:none}.panel-close{display:none}.sheet-toggle{min-height:44px;color:var(--ink-3);letter-spacing:.2em;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;padding:12px 18px 0;font-size:10px;font-weight:600;display:flex;position:relative}.sheet-toggle svg{transition:transform .25s var(--ease)}.panel.is-collapsed .sheet-toggle svg{transform:rotate(180deg)}.sheet-grab{background:var(--line-2);border-radius:4px;width:36px;height:4px;margin-left:-18px;position:absolute;top:7px;left:50%}.panel.is-collapsed{flex:none}.panel.is-collapsed .panel-head,.panel.is-collapsed .panel-body{display:none}.panel-head{padding:2px 18px 12px}.panel-body{padding:0 18px 6px}.panel-foot{padding:12px 18px max(14px, env(safe-area-inset-bottom));grid-template-columns:1fr auto;align-items:center}.bud-lines,.bud-note{grid-column:1/-1}.panel-foot .btn{width:auto}}@media (width<=420px){.panel-foot .btn-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel-foot .btn{padding:0 16px}}.frame.is-pickable{cursor:pointer}.pick-tip{z-index:5;border:1px solid var(--glass-line);background:var(--glass-deep);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s var(--ease);border-radius:999px;align-items:baseline;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 2px 14px #00000038}.pick-tip.is-visible{opacity:1}.pick-tip strong{font-weight:600}.pick-tip span{color:var(--ink-3)}@media (pointer:coarse){.pick-tip{display:none}}.qp{z-index:6;width:0;height:0;position:absolute}.qp[hidden]{display:none}.qp.is-closing{pointer-events:none}.qp-dot{width:12px;height:12px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:-6px;left:-6px;transform:scale(0);box-shadow:0 0 0 4px #ffffff59,0 2px 14px #00000038}.qp.is-open .qp-dot{transform:scale(1)}.qp-item{opacity:0;pointer-events:none;width:72px;height:72px;transition:transform .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--i) * 50ms), opacity .2s var(--ease) calc(var(--i) * 50ms), box-shadow .2s var(--ease);background:#ffffffd9;border:0;border-radius:50%;padding:3px;position:absolute;top:-36px;left:-36px;transform:translate(0)scale(.2);box-shadow:0 10px 28px -6px #00000080,0 0 0 1px #fff9}.qp.is-open .qp-item{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1)}.qp.is-settled .qp-item{pointer-events:auto}.qp.is-open .qp-item:hover,.qp.is-open .qp-item:focus-visible{z-index:2;transform:translate(var(--dx), var(--dy)) scale(1.12);box-shadow:0 0 0 2px var(--accent), 0 14px 34px -8px #0009;outline:none;transition-delay:0s}.qp.is-closing .qp-item,.qp.is-closing .qp-more{opacity:0;transition:transform .2s var(--ease), opacity .15s var(--ease);transform:translate(0)scale(.2)}.qp-img{background-position:50%;background-size:cover;border-radius:50%;width:100%;height:100%;display:block}.qp-item.is-current{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent), 0 10px 28px -6px #00000080}.qp-item.is-current:after{content:"";background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;right:2px;box-shadow:0 0 0 2px #fff}.qp-label{background:var(--tip-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease), transform .15s var(--ease);border-radius:8px;justify-items:center;gap:1px;padding:5px 10px;font-size:11px;line-height:1.3;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.qp-label--below{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}.qp-label strong{font-weight:600}.qp-label span{opacity:.7}.qp-item:hover .qp-label,.qp-item:focus-visible .qp-label{opacity:1;transform:translate(-50%)}.qp-more{border:1px solid var(--glass-line);background:var(--glass-deep);min-height:34px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow);color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .25s var(--ease) .2s, transform .25s var(--ease) .2s, background-color .15s var(--ease);border-radius:999px;padding:0 14px;font-size:12px;font-weight:500;position:absolute;top:22px;left:0;transform:translate(-50%,-6px)}.qp--down .qp-more{top:-56px}.qp.is-open .qp-more{opacity:1;transform:translate(-50%)}.qp-more:hover{background:#14130fe6}@media (pointer:coarse){.qp-item{width:80px;height:80px;top:-40px;left:-40px}.qp-label{opacity:1;transform:translate(-50%)}}.qp-item--reset{width:62px;height:62px;top:-31px;left:-31px}.qp-img--reset{color:var(--ink-2);background:#2a2924;place-items:center;display:grid}@media (pointer:coarse){.qp-item--reset{width:68px;height:68px;top:-34px;left:-34px}}
