@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--stage:#e6e6e9;--stage-hi:#f4f4f6;--stage-lo:#d9d9de;--glass:#ffffff94;--glass-line:#ffffffbf;--surface:#fff;--chip:#1d1d210f;--ink:#1d1d21;--muted:#6e6e78;--line:#1d1d211f;--accent:#7b8cff;--accent-hi:#6a7cf5;--accent-soft:#7b8cff38;--on-accent:#fff;--live:#ff5a6a;--warn:#b7791f;--danger:#d6455a;--shadow:0 10px 30px -18px #1d1d2159;--font:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--step--1:.8125rem;--step-0:.9375rem;--step-1:1.125rem;--step-2:1.4rem;--radius-panel:16px;--radius-field:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse 80% 70% at 50% 40%, var(--stage-hi), var(--stage-lo) 85%) fixed, var(--stage);color:var(--ink);font-family:var(--font);font-size:var(--step-0);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;line-height:1.45}h1,h2{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:var(--step-2);font-stretch:88%}h2{font-size:var(--step-0);font-weight:650}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:var(--step--1)}.error-text{color:var(--danger)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.grow{flex:1;min-width:0}.app{grid-template:"top top top""wardrobe stage controls"minmax(0,1fr)/272px minmax(0,1fr) 312px;gap:10px;height:100dvh;padding:10px;display:grid}.topbar,.wardrobe,.controls{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--glass-line);border-radius:var(--radius-panel);box-shadow:var(--shadow)}.topbar{grid-area:top;align-items:center;gap:16px;padding:8px 10px 8px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{width:21px;height:22.5px;color:var(--ink);flex:none}.logo{background:var(--surface);min-width:0;font-size:var(--step-2);letter-spacing:-.035em;border-radius:.45em;align-items:center;gap:.36em;margin:0;padding:.3em .6em .3em .4em;font-weight:700;font-stretch:100%;line-height:1;display:flex;box-shadow:0 0 0 1px #1d1d2112,0 2px 6px -3px #1d1d2140}.logo svg{width:1.15em;height:1.23em;color:var(--ink);flex:none}.logo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-end{align-items:center;gap:12px;margin-inline-start:auto;display:flex}.balance{font-size:var(--step--1);color:var(--muted);white-space:nowrap;background:var(--chip);border-radius:999px;padding:4px 10px;text-decoration:none}.balance b{color:var(--ink);font-weight:600}a.balance:hover{color:var(--ink)}.segmented{background:var(--chip);border-radius:999px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:4px 14px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.app.is-focus{grid-template-columns:0 minmax(0,1fr) 0;column-gap:0}.app.is-focus .wardrobe,.app.is-focus .controls{display:none}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 14px}.btn:hover:not(:disabled){border-color:#1d1d2147}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn-small{font-size:var(--step--1);padding:5px 11px}.btn-quiet{color:var(--muted);background:0 0;border-color:#0000}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hi);border-color:var(--accent-hi)}.btn-stop{border-color:var(--live);color:var(--danger)}.btn-rec{background:var(--live);border-color:var(--live);color:#fff}.btn-big{font-size:var(--step-1);padding:12px 28px}input:not([type=checkbox]),select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-field);width:100%;padding:7px 10px}textarea{resize:vertical}.field{gap:4px;display:grid}.field>span{font-size:var(--step--1);color:var(--muted)}.field-inline select{width:auto}.check{font-size:var(--step--1);cursor:pointer;align-items:flex-start;gap:8px;display:flex}.check input{accent-color:var(--accent);margin-top:3px}.hint{font-size:var(--step--1);color:var(--muted);text-align:center;margin:0}.wardrobe,.controls{flex-direction:column;gap:16px;padding:14px;display:flex;overflow-y:auto}.wardrobe{grid-area:wardrobe;position:relative}.controls{grid-area:controls}.controls section{gap:10px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-head .row{flex-wrap:nowrap;gap:6px}.thumbs{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.thumb{aspect-ratio:1;border:2px solid var(--surface);background:var(--surface);cursor:pointer;border-radius:50%;padding:0;overflow:hidden;box-shadow:0 2px 6px #00000014}.thumb img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.thumb.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.empty-drop{border:1.5px dashed var(--line);background:#fff6;border-radius:12px;padding:18px 14px}.empty-drop p{margin:0 0 6px}.garment-detail{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.source-link{font-size:var(--step--1);color:var(--muted)}.drop-veil{border:2px dashed var(--accent);pointer-events:none;background:#f4f4f6e6;border-radius:12px;place-items:center;display:grid;position:absolute;inset:8px}.stage{flex-direction:column;grid-area:stage;gap:6px;min-width:0;min-height:0;display:flex;position:relative}.stage-bar{align-items:center;gap:8px;min-width:0;display:flex}.stage-body{flex:1;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;display:grid}.stage-body.with-ref{grid-template-columns:minmax(0,.28fr) minmax(0,1fr)}.stage-body.is-full{background:radial-gradient(ellipse 80% 70% at 50% 40%, var(--stage-hi), var(--stage-lo) 85%), var(--stage);padding:14px 14px 150px;position:relative}.stage-ref{border-radius:var(--radius-panel);box-shadow:var(--shadow);border:0}.panes{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;min-width:0;min-height:0;display:grid}.panes.is-portrait{justify-content:center;gap:10px;display:flex;container-type:size}.panes.is-portrait .pane{flex:none;width:min(56.25cqh - 22.5px,50cqw - 5px)}.panes.is-portrait .pane-bar{flex-wrap:nowrap}.panes.is-portrait .pane-bar .field-inline,.panes.is-portrait .pane-bar-end{flex-shrink:0}.panes.is-portrait.has-ref .pane{width:min(56.25cqh - 22.5px,33.3333cqw - 6.66667px)}.panes.is-portrait .stage-ref{flex:none;align-self:end;width:min(56.25cqh - 22.5px,33.3333cqw - 6.66667px);height:calc(100cqh - 40px)}.tile.crop-portrait .tile-camera,.tile.crop-portrait .tile-output{object-fit:cover}.panes.is-rows{grid-auto-rows:minmax(0,1fr);grid-auto-flow:row}.pane{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;min-height:0;display:grid}.pane-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pane-bar select{font-size:var(--step--1);border-radius:999px;padding:4px 10px}.pane-status{font-size:var(--step--1);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.pane-bar-end{gap:6px;margin-inline-start:auto;display:flex}.tile{border-radius:var(--radius-panel);background:var(--stage-lo);min-height:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.tile.with-ref{grid-template-columns:minmax(0,.38fr) minmax(0,1fr);display:grid}.tile-media{min-width:0;height:100%;min-height:0;position:relative}.tile:not(.with-ref) .tile-media{position:absolute;inset:0}.tile-ref{background:var(--surface);border-right:1px solid var(--line);place-items:center;min-height:0;margin:0;padding:10px;display:grid;position:relative}.ref-nav{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(10px);width:36px;height:36px;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;opacity:.85;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.ref-nav:hover{opacity:1}.ref-prev{left:8px}.ref-next{right:8px}.ref-count{background:var(--glass);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-line);border-radius:999px;padding:2px 10px;font-size:.75rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.tile-ref img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.tile[data-state=live]{box-shadow:var(--shadow), 0 0 0 2px var(--accent-soft)}.tile video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.flip{transform:scaleX(-1)}.tile video.pip{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--surface);width:clamp(120px,16%,220px);height:auto;box-shadow:var(--shadow);z-index:2;border-radius:10px;inset:auto 12px 12px auto}.tile-center{pointer-events:none;z-index:3;place-items:center;display:grid;position:absolute;inset:0}.tile-card{pointer-events:auto;text-align:center;border-radius:var(--radius-panel);background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-line);justify-items:center;gap:12px;max-width:34ch;margin:0;padding:20px 24px;display:grid}.tile-card p{margin:0}.waiting{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.5}}.readout{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.pill{-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-line);color:var(--ink);background:#ffffffb3;border-radius:999px;padding:2px 10px;font-size:.75rem}.pill-live{color:#fff;background:var(--live);border-color:var(--live)}.pill-warming,.pill-connecting,.pill-reconnecting{color:var(--accent-hi)}.pill-error{color:var(--danger)}.pill-warn{color:var(--warn)}.tile.is-full{border-radius:0}.tile.is-full .readout{top:12px;bottom:auto}.tile.is-full video.pip{bottom:130px}.full-bar{z-index:4;background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--glass-line);width:min(960px,100% - 28px);box-shadow:var(--shadow);border-radius:20px;gap:10px;padding:12px 14px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.full-strip{gap:10px;padding:3px;display:flex;overflow-x:auto}.full-strip .thumb{flex:none;width:52px}.full-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.full-actions-end{gap:8px;margin-inline-start:auto;display:flex}.full-actions select{width:auto;padding:2px 8px}.shots{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.shot{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:start;border-radius:10px;padding:0;overflow:hidden}.shot img{width:100%;display:block}.shot span{color:var(--muted);padding:4px 6px;font-size:.7rem;display:block}.log summary{cursor:pointer;color:var(--muted);font-size:var(--step--1)}.log ol{gap:6px;max-height:320px;margin:8px 0 0;padding:0;font-size:.75rem;list-style:none;display:grid;overflow:auto}.log time{color:var(--muted)}.log pre{white-space:pre-wrap;word-break:break-all;color:var(--muted);margin:2px 0 0}.shortcut-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 20px;margin:0;display:grid}.shortcut-list>div{font-size:var(--step--1);grid-template-columns:60px 1fr;align-items:center;gap:10px;display:grid}.shortcut-list dd{margin:0}.key-hint{box-shadow:none;opacity:.55;background:0 0;border:1px solid;border-radius:4px;margin-inline-start:6px;padding:0 5px;font-size:.68rem;font-weight:600;line-height:1.5}.check .key-hint{margin-inline-start:4px}kbd{font:inherit;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 var(--line);border-radius:6px;padding:2px 7px;font-size:.75rem;font-weight:600}.toast{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--danger);cursor:pointer;z-index:10;max-width:min(560px,100vw - 32px);box-shadow:var(--shadow);border-radius:12px;padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.dialog{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(20px);color:var(--ink);background:#fafafceb;border-radius:20px;width:min(640px,100vw - 32px);padding:0;box-shadow:0 30px 80px -30px #1d1d2180}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1d1d2140}.dialog-body{gap:14px;padding:20px;display:grid}.dialog-body p{margin:0}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:50vh;padding:3px;display:grid;overflow:auto}.pick-grid .thumb{aspect-ratio:3/4;border-radius:10px}.pick-grid .thumb img{object-fit:contain}.viewer{background:var(--stage-lo);place-items:center;display:grid;position:fixed;inset:0}.viewer video{object-fit:contain;width:100%;height:100%}.viewer-status{color:var(--muted);font-size:var(--step-1);position:absolute}.viewer-flip{opacity:.7;position:absolute;bottom:16px;right:16px}@media (width<=960px){.app{grid-template:"top""stage""wardrobe""controls"/1fr;height:auto}.topbar{flex-wrap:wrap;gap:12px}.panes{grid-auto-rows:60vh;grid-auto-flow:row}.stage-body.with-ref{grid-template-rows:40vh auto;grid-template-columns:1fr}.wardrobe,.controls{overflow:visible}}@media (prefers-reduced-motion:reduce){.waiting{animation:none}}button.balance{font:inherit;font-size:var(--step--1);cursor:pointer;border:0}button.balance:hover{color:var(--ink)}.stack{gap:12px;display:grid}.btn-block{justify-content:center;width:100%;text-decoration:none;display:flex}.divider-text{text-align:center;margin:14px 0 4px}.code-input{font-size:var(--step-2);letter-spacing:.3em;text-align:center}.pack-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0;display:grid}.pack{text-align:start;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;justify-items:start;gap:4px;padding:14px;display:grid}.pack:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pack:disabled{cursor:default;opacity:.6}.pack-price{font-size:var(--step-2);font-weight:600}.pack-credits{font-weight:600}.ledger{border-collapse:collapse;width:100%;margin:12px 0}.ledger td{border-top:1px solid var(--line);padding:6px 4px}.ledger td:last-child{text-align:end}.ledger .plus{color:var(--accent-hi)}.password-shown{border-radius:var(--radius-field);background:var(--chip);font-size:var(--step-1);letter-spacing:.04em;-webkit-user-select:all;user-select:all;padding:10px 12px}.gate{place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.gate-mirror{border:3px solid var(--accent);background:var(--glass);-webkit-backdrop-filter:blur(20px);width:min(380px,100%);box-shadow:var(--shadow);text-align:center;border-radius:190px 190px 22px 22px/150px 150px 22px 22px;gap:14px;padding:72px 28px 28px;display:grid}.gate-logo{justify-self:center;font-size:2.1rem}.gate-mirror p{margin:0}.gate-mirror .field{text-align:start}.gate-code{font-size:var(--step-1);letter-spacing:.12em;text-align:center}.invite-make{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.invite-make .field input[type=number]{width:96px}.invite-table-wrap{max-height:46vh;overflow:auto}.invite-table td:last-child{text-align:start}.lang-picker{color:var(--muted);align-items:center;display:inline-flex;position:relative}.lang-picker svg{pointer-events:none;position:absolute;inset-inline-start:9px}.lang-picker select{padding:5px 8px;width:auto;max-width:9.5rem;font-size:var(--step--1);color:var(--ink);background:var(--surface);text-overflow:ellipsis;cursor:pointer;border-radius:999px;padding-inline-start:30px}.lang-picker select:hover{border-color:#1d1d2147}.gate-lang{justify-self:center;margin-top:-40px}