:root{--live:#ff453a;--ok:#30d158;--glass:#10101280;--glass-solid:#18181beb;--edge:#ffffff1a;--edge-bright:#ffffff29;--dim:#ffffff85;--dim-strong:#ffffffb8;--ease:cubic-bezier(.32, .72, 0, 1);--tile:clamp(88px, 11vw, 148px);--toggle:clamp(44px, 4.4vw, 60px);--gutter:clamp(12px, 3vw, 26px);--dock-pad:clamp(15px, 1.7vw, 21px);--text-sm:clamp(11px, 1vw, 13px);--text-md:clamp(12px, 1.15vw, 15px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body,#root{color:#fff;-webkit-font-smoothing:antialiased;letter-spacing:-.005em;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;height:100%;font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.app{height:100%;position:relative;overflow:hidden}.mirror{position:absolute;inset:0}.mirror-video{object-fit:cover;transform-origin:50%;transition:opacity .4s var(--ease);position:absolute;top:50%;left:50%}.mirror-canvas{width:100%;height:100%;position:absolute;inset:0}.mirror-placeholder{color:var(--dim);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.hud{z-index:2;padding:max(var(--gutter), env(safe-area-inset-top)) var(--gutter) 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.pill{border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 13px;font-size:12.5px;display:flex}.pill-dot{width:6px;height:6px;transition:background .3s var(--ease);background:#ffffff61;border-radius:50%}.pill.is-live .pill-dot{background:var(--ok);animation:2.4s ease-in-out infinite breathe;box-shadow:0 0 8px #30d158cc}@keyframes breathe{50%{opacity:.3}}.pill-time{font-weight:500}.pill-time.is-warning{color:#ffd60a}.pill-cost{color:var(--dim)}.ghost.icon-only.is-live{color:#ff9c94;background:#ff453a2b;border-color:#ff453a66}.toast{top:calc(max(var(--gutter), env(safe-area-inset-top)) + 46px);z-index:3;border:1px solid var(--edge);background:var(--glass-solid);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);max-width:min(440px,100% - 32px);animation:drop .3s var(--ease);border-radius:14px;align-items:baseline;gap:12px;padding:11px 15px;font-size:13px;line-height:1.4;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000073}.toast.is-problem{color:#ffb98a;border-color:#ff9f6459}@keyframes drop{0%{opacity:0;transform:translate(-50%,-10px)}}.dock-area{padding:0 var(--gutter) max(var(--gutter), env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:clamp(10px,1.4vw,18px);display:flex;position:absolute;bottom:0;left:0;right:0}.hint{color:var(--dim);letter-spacing:.01em;animation:lift .45s var(--ease);font-size:12.5px}@keyframes lift{0%{opacity:0;transform:translateY(6px)}}.dock{width:100%;max-width:920px;padding:var(--dock-pad);border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);border-radius:clamp(18px,2vw,28px);align-items:center;display:flex;box-shadow:inset 0 1px #ffffff12,0 16px 44px #0006}.strip{--fade:34px;scrollbar-width:none;scroll-snap-type:x proximity;min-width:0;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);flex:1;margin:-9px -3px;padding:9px 3px;display:block;overflow:auto hidden}.strip.at-start{-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--fade)), transparent 100%);mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--fade)), transparent 100%)}.strip.at-end{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade), #000 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade), #000 100%)}.strip.at-start.at-end{-webkit-mask-image:none;mask-image:none}.strip::-webkit-scrollbar{display:none}.strip-track{justify-content:safe center;gap:clamp(10px,1.2vw,16px);min-width:100%;display:inline-flex}.tile{width:var(--tile);color:inherit;font:inherit;scroll-snap-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;gap:clamp(6px,.8vw,10px);padding:0;display:flex}.tile:disabled{opacity:.45;cursor:default}.tile-image{aspect-ratio:3/4;transition:box-shadow .24s var(--ease), transform .24s var(--ease);background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #ffffff1a}.tile-image img{object-fit:contain;width:100%;height:100%;padding:6px;display:block}.tile:hover:not(:disabled) .tile-image{transform:translateY(-3px)}.tile.is-selected .tile-image{transform:translateY(-3px);box-shadow:0 0 0 2.5px #fff,0 8px 20px #00000059}.tile-badge{color:#fff;opacity:0;width:20px;height:20px;transition:opacity .2s var(--ease), transform .24s var(--ease);background:#101012;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px;transform:scale(.4)}.tile.is-selected .tile-badge{opacity:1;transform:scale(1)}.tile-label{text-align:center;flex-direction:column;gap:1px;display:flex}.tile-title{font-size:var(--text-md);color:var(--dim-strong);transition:color .2s var(--ease);font-weight:500;line-height:1.25}.tile-colour{font-size:var(--text-sm);color:var(--dim);line-height:1.25}.tile.is-selected .tile-title{color:#fff}.chip{color:var(--dim-strong);font:inherit;font-size:var(--text-md);scroll-snap-align:start;cursor:pointer;transition:box-shadow .24s var(--ease), transform .24s var(--ease), color .2s var(--ease), background .2s var(--ease);background:#ffffff14;border:0;border-radius:999px;flex:none;padding:10px 18px;font-weight:500;box-shadow:0 0 0 1.5px #ffffff1a}.chip:hover{transform:translateY(-2px)}.chip.is-selected{color:#101012;background:#fff;box-shadow:0 0 0 2.5px #fff,0 8px 20px #00000059}.toggle{width:var(--toggle);height:var(--toggle);color:#08080a;cursor:pointer;transition:background .26s var(--ease), color .26s var(--ease), transform .18s var(--ease), opacity .2s var(--ease);background:#fff;border:0;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 6px 22px #00000059}.toggle:hover:not(:disabled){transform:scale(1.05)}.toggle:active:not(:disabled){transform:scale(.94)}.toggle:disabled{color:#fff6;box-shadow:none;cursor:default;background:#ffffff29}.toggle.is-live{background:var(--live);color:#fff;animation:2.4s ease-out infinite pulse}.toggle.is-busy{color:#ffffffbf;background:#fff3}@keyframes pulse{0%{box-shadow:0 0 #ff453a80}70%{box-shadow:0 0 0 16px #ff453a00}to{box-shadow:0 0 #ff453a00}}@media (prefers-reduced-motion:reduce){.pill.is-live .pill-dot,.toggle.is-live{animation:none}}.toggle-glyph{place-items:center;display:grid}.toggle-glyph svg{width:42%;height:auto}.toggle.is-wide{letter-spacing:-.01em;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;height:auto;padding:13px 16px;font-size:14px;font-weight:600;display:flex}.toggle.is-wide .toggle-glyph svg{width:17px;height:17px}.toggle.is-wide:hover:not(:disabled){background:#eeeef0;transform:none}.toggle.is-wide.is-live{animation:none}.toggle.is-wide.is-live:hover:not(:disabled){background:#ff5a50}.popover-action{border-bottom:1px solid #ffffff0f;padding:4px 0 13px}.popover-action .note{text-align:center;padding:9px 0 0}button{font:inherit}.ghost{border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);color:var(--dim-strong);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ghost:hover{color:#fff;background:#ffffff24}.ghost.icon-only{width:32px;height:32px;padding:0}.link,.text-button{color:#fff;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:12.5px;font-weight:500}.link{text-underline-offset:2px;text-decoration:underline}.text-button:disabled{color:var(--dim);cursor:default}.catcher{z-index:4;position:absolute;inset:0}.popover{top:calc(max(var(--gutter), env(safe-area-inset-top)) + 44px);right:var(--gutter);width:min(316px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--edge-bright);background:var(--glass-solid);-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);transform-origin:100% 0;max-height:calc(100% - 96px);animation:pop .22s var(--ease);border-radius:18px;padding:6px 16px 14px;position:absolute;overflow-y:auto;box-shadow:inset 0 1px #ffffff12,0 20px 50px #0000008c}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(-6px)}}.popover-section-title{color:var(--dim);letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #ffffff0f;margin:14px 0 0;padding-bottom:4px;font-size:10.5px;font-weight:600}.row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;font-size:13px;display:flex}.row:last-of-type{border-bottom:0}.row-label{color:var(--dim-strong);flex-direction:column;gap:2px;display:flex}.row-hint{color:var(--dim);font-size:11px;line-height:1.35}select{border:1px solid var(--edge);color:#fff;max-width:160px;font:inherit;background:#ffffff12;border-radius:9px;padding:6px 8px;font-size:12.5px}input[type=checkbox]{accent-color:#fff;width:18px;height:18px}.segmented{background:#ffffff12;border-radius:10px;flex:none;gap:2px;padding:2px;display:flex}.segmented button{color:var(--dim);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;border-radius:8px;padding:5px 8px;font-size:11.5px}.segmented button.is-active{color:#fff;background:#ffffff29}.popover-foot{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.foot-note{color:var(--dim);cursor:help;font-size:11.5px}@media (orientation:landscape) and (height<=620px){:root{--tile:clamp(72px, 13vh, 108px);--toggle:clamp(40px, 8vh, 52px)}.hint{display:none}}@media (width<=420px){.popover{right:var(--gutter);left:var(--gutter);width:auto}select{max-width:140px}}@media (width>=900px){.pill{height:36px;padding:0 15px;font-size:13.5px}.ghost.icon-only{width:38px;height:38px}.toast{font-size:14px}}.admin{-webkit-user-select:text;user-select:text;flex-direction:column;gap:18px;max-width:640px;min-height:100%;margin:0 auto;padding:28px 20px 60px;display:flex}.admin h1{font-size:20px;font-weight:650}.admin h2{color:var(--dim-strong);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.admin-header{justify-content:space-between;align-items:baseline;display:flex}.admin-card{border:1px solid var(--edge);background:var(--glass-solid);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.admin-source{align-self:flex-start}.admin-source button{padding:7px 16px;font-size:13px}.admin-garment{border-top:1px solid #ffffff0f;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.admin-image{border:1px dashed var(--edge-bright);width:66px;height:88px;color:var(--dim);text-align:center;cursor:pointer;border-radius:10px;flex:none;place-items:center;font-size:11px;display:grid;position:relative;overflow:hidden}.admin-image img{object-fit:contain;background:#fff;width:100%;height:100%}.admin-image input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-fields{flex-direction:column;flex:1;gap:8px;display:flex}.admin-fields input[type=text],.admin-fields textarea,.admin-login input{border:1px solid var(--edge);color:#fff;font:inherit;background:#ffffff12;border-radius:9px;padding:8px 10px;font-size:13px}.admin-fields textarea{resize:vertical;line-height:1.4}.admin-fields select{align-self:flex-start;max-width:none}.admin-remove{flex:none}.admin-actions{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.admin-save{color:#000;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:600}.admin-save:disabled{opacity:.5;cursor:default}.admin-status{color:var(--ok);font-size:13px}.admin-status.is-problem{color:var(--live)}.admin-login{justify-content:center;gap:12px;max-width:320px}.upscale-stats{bottom:max(var(--gutter), env(safe-area-inset-bottom));left:var(--gutter);z-index:3;border:1px solid var(--edge);background:var(--glass-solid);color:var(--dim-strong);pointer-events:none;border-radius:10px;flex-direction:column;gap:2px;padding:8px 11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.5;display:flex;position:absolute}