:root{color:#f4f1ea;background:#090909;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}button{font:inherit;color:inherit}button:focus-visible,.dropzone:focus-within{outline:2px solid #d7b56d;outline-offset:3px}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#090909;overflow:hidden}.stage video{width:100%;height:100%;object-fit:cover;background:#090909}.stage video.mirrored{transform:scaleX(-1)}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;background:#090909}.empty-state[hidden]{display:none}.camera-button,.menu-button{position:absolute;z-index:6;border:0;cursor:pointer}.camera-button{left:24px;bottom:24px;min-height:48px;padding:0 18px;border-radius:999px;background:#f4f1ea;color:#141414;font-weight:650;font-size:14px;letter-spacing:.01em}.camera-button.is-live{background:#141414;color:#f4f1ea;box-shadow:inset 0 0 0 1px #f4f1ea59}.camera-button:disabled{opacity:.55;cursor:default}.status{position:absolute;z-index:6;left:24px;bottom:84px;margin:0;max-width:min(420px,calc(100vw - 48px));padding:8px 12px;border-radius:999px;background:#090909b8;color:#f4f1ea;font-size:13px;line-height:1.3}.status[hidden]{display:none}.menu-button{top:20px;right:20px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#0909099e;color:#f4f1ea;box-shadow:inset 0 0 0 1px #f4f1ea47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-button svg{width:22px;height:22px}.menu-button .icon-close,.menu-button[aria-expanded=true] .icon-open{display:none}.menu-button[aria-expanded=true] .icon-close{display:block}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;border:0;padding:0;background:#00000047;cursor:pointer}.scrim[hidden]{display:none}.wardrobe{position:fixed;z-index:5;top:0;right:0;width:min(340px,calc(100vw - 72px));height:100%;padding:84px 16px 24px;display:flex;flex-direction:column;gap:14px;background:#0e0e0ef0;box-shadow:-24px 0 60px #00000059;transform:translate(100%);transition:transform .22s ease;overflow:auto}.wardrobe.open{transform:translate(0)}.dropzone{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;border:1px dashed rgba(244,241,234,.38);border-radius:16px;background:#ffffff08}.dropzone.dragover,.dropzone.active{border-style:solid;border-color:#d7b56d}.upload-button{min-height:44px;border:0;border-radius:999px;background:#f4f1ea;color:#141414;font-weight:650;font-size:14px;cursor:pointer}.drop-hint{margin:0;text-align:center;color:#f4f1ea9e;font-size:12px}.dropzone.has-file .drop-hint{display:none}.upload-preview{width:100%;height:160px;object-fit:contain;border-radius:10px;background:#090909;cursor:pointer}.upload-preview[hidden]{display:none}.looks{display:flex;flex-direction:column;gap:8px}.look{width:100%;min-height:64px;padding:8px 12px;display:grid;grid-template-columns:40px 1fr 16px;gap:12px;align-items:center;text-align:left;border:1px solid rgba(244,241,234,.14);border-radius:14px;background:transparent;color:#f4f1ea;cursor:pointer}.look.selected{border-color:#d7b56d;background:#d7b56d14}.look b{font-weight:650;color:#d7b56d}.swatch{width:40px;height:48px;border-radius:8px;box-shadow:inset 0 0 0 1px #00000040}@media(prefers-reduced-motion:reduce){.wardrobe{transition:none}}@media(max-width:640px){.camera-button,.status{left:16px}.camera-button{bottom:16px}.status{bottom:74px}.menu-button{top:16px;right:16px}}