:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f8f2e7;--muted: rgba(248, 242, 231, .68);--line: rgba(248, 242, 231, .16);--accent: #d8ff5f;--danger: #ff7a59}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#10100f;color:var(--ink)}button{border:0;border-radius:8px;cursor:pointer;font:700 .92rem/1 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{width:min(100%,980px);min-height:100svh;margin:0 auto;padding:clamp(10px,2.4vw,24px);display:flex;flex-direction:column;gap:12px}.stage{position:relative;width:100%;flex:1 1 auto;min-height:0;height:clamp(420px,calc(100svh - 150px),760px);overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#050505}#jeeFaceFilterCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:#050505}.permission-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#0000002e}.permission-panel.is-hidden{display:none}#startButton{min-width:148px;min-height:50px;padding:0 22px;background:var(--ink);color:#10100f;box-shadow:0 12px 40px #00000047}.status-badge,.bottom-hud{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}#restartButton{display:none}.style-dock{flex:0 0 auto;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#050505eb}.style-picker{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:2px}.style-option{min-height:68px;padding:8px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px;border:1px solid rgba(248,242,231,.12);border-radius:8px;background:#f8f2e712;color:var(--ink);text-align:left}.style-option.is-active{border-color:var(--accent);background:#d8ff5f1f}.style-option strong,.style-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-option strong{font:800 .78rem/1.1 ui-sans-serif,system-ui,sans-serif}.style-option small{margin-top:5px;color:var(--muted);font:700 .66rem/1 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase}.swatch{width:40px;height:40px;border:1px solid rgba(248,242,231,.22);border-radius:999px;background:radial-gradient(circle at 50% 46%,var(--lens) 0 38%,transparent 39%),linear-gradient(90deg,var(--frame) 0 42%,transparent 43% 57%,var(--frame) 58% 100%);box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--frame) 72%,transparent)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media(max-width:720px){.shell{width:100%;min-height:100svh;padding:8px;gap:8px}.stage{height:calc(100svh - 106px);min-height:360px;border-radius:8px}.style-dock{padding:8px;border-radius:8px}.style-picker{grid-auto-columns:minmax(118px,38vw)}.style-option{min-height:62px;grid-template-columns:34px minmax(0,1fr);gap:8px}.swatch{width:34px;height:34px}}@media(max-width:420px){.stage{height:calc(100svh - 100px);min-height:320px}.style-picker{grid-auto-columns:minmax(112px,46vw)}.style-option strong{font-size:.72rem}.style-option small{font-size:.6rem}}