:root{--frame:#0e0e10;--surface:#18181b;--surface-raised:#222226;--accent:#b08d57;--accent-active:#c9a15c;--text-primary:#f5f3ef;--text-muted:#8f8d89;--danger:#c1553d}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;background:var(--frame);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.mirror{height:100dvh;width:100vw;display:flex;flex-direction:column;background:var(--frame)}.mirror-glass{position:relative;flex:1 1;min-height:0;margin:12px 12px 0;border-radius:4px;border:1px solid rgba(176,141,87,.25);overflow:hidden;background:#000}.mirror-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}img.mirror-feed{transform:none}.mirror-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(14,14,16,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mirror-overlay p{color:var(--text-primary);font-size:15px;letter-spacing:.01em}.spinner{width:34px;height:34px;border-radius:50%;border:2px solid rgba(176,141,87,.25);border-top:2px solid var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.mirror-error{left:12px;right:12px;bottom:12px;padding:10px 14px;border-radius:3px;background:rgba(193,85,61,.15);border:1px solid rgba(193,85,61,.4);color:#e8b3a5}.mirror-error,.mirror-reset{position:absolute;font-size:13px}.mirror-reset{top:14px;left:14px;padding:8px 14px;border-radius:3px;background:rgba(24,24,27,.75);border:1px solid rgba(176,141,87,.35);color:var(--text-primary)}.rack{flex-shrink:0;padding:10px 12px 14px}.rack-tabs{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto}.tab{padding:6px 12px;border-radius:999px;font-size:13px;color:var(--text-muted);white-space:nowrap;border:1px solid transparent}.tab-active{color:var(--text-primary);border-color:rgba(176,141,87,.5);background:rgba(176,141,87,.12)}.rack-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.swatch{scroll-snap-align:start;flex-shrink:0;width:76px;display:flex;flex-direction:column;align-items:center;gap:6px}.swatch img{width:76px;height:96px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.swatch-active img{border-color:var(--accent-active);box-shadow:0 0 0 1px var(--accent-active)}.swatch span{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.3}.swatch:disabled{opacity:.4;pointer-events:none}