:root{--bg: #0f1115;--surface: #181b22;--surface-2: #222632;--text: #eef0f5;--muted: #9aa1b2;--accent: #ff3b6b;--accent-2: #25d7d0;--ok: #3ccf7a;--warn: #ffb020;--danger: #ff5050;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}[hidden]{display:none!important}h3{margin:18px 0 8px;font-size:15px}.muted{color:var(--muted)}.small{font-size:13px}.big{font-size:18px;font-weight:600}.error{color:var(--danger);min-height:1em}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--surface-2)}.brand{font-weight:700;font-size:17px}.logo{color:var(--accent)}.topbar-right{display:flex;gap:8px;align-items:center}.banner{padding:10px 16px;background:var(--warn);color:#111;font-weight:600;text-align:center}.banner.critical{background:var(--danger);color:#fff}.layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;padding:16px;max-width:1400px;margin:0 auto}@media(max-width:900px){.layout{grid-template-columns:1fr}}.stage{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;height:min(72vh,900px)}.stage canvas,.stage video{max-width:100%;max-height:100%;display:block}.stage.mirror canvas,.stage.mirror video{transform:scaleX(-1)}.stage-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:6px}.pill{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;background:#0009;font-size:13px}.pill.ok:before{content:"●";color:var(--ok);margin-right:6px}.pill.warn:before{content:"●";color:var(--warn);margin-right:6px}.live-badge{position:absolute;top:12px;right:12px;background:var(--accent);padding:3px 10px;border-radius:6px;font-weight:800;letter-spacing:.05em}.hud{position:absolute;bottom:10px;left:10px;margin:0;padding:8px 10px;background:#000000a6;border-radius:8px;font:12px/1.35 ui-monospace,monospace}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800;background:#00000073;text-align:center;padding:16px}.countdown small{display:block;font-size:18px;font-weight:500}.modes{display:flex;gap:6px;margin-bottom:10px}.stage.reaction{display:grid;grid-template-rows:1fr 1fr;aspect-ratio:9 / 16;height:min(78vh,900px);margin:0 auto;border-radius:0}.stage.reaction canvas,.stage.reaction video{width:100%;height:100%;max-width:none;object-fit:cover;grid-row:2}.stage.reaction.mirror canvas,.stage.reaction.mirror video{transform:none}.stage.reaction .stage-empty{top:50%}.feed{grid-row:1;align-self:stretch;justify-self:stretch;position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.feed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.feed.fill iframe{inset:50% 0 auto;height:auto;aspect-ratio:9 / 16;transform:translateY(-50%)}.feed-fit{position:absolute;top:8px;left:8px;z-index:1;background:#0009}.feed-empty{padding:16px;text-align:center}.feed-form{margin-top:10px}.btn.rec{background:var(--danger);border-color:var(--danger)}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn{border:1px solid var(--surface-2);background:var(--surface);color:var(--text);padding:9px 14px;border-radius:10px;font:inherit;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary.stop{background:var(--surface-2);border-color:var(--danger)}.btn.big{padding:11px 26px;font-size:16px}.btn.ghost{background:transparent}.icon-btn{display:inline-flex;align-items:center;gap:6px}@media(max-width:600px){.icon-btn span{display:none}.icon-btn{padding:8px 10px}}.btn.link{background:none;border:none;color:var(--accent-2);padding:4px 0;text-align:left}.chip{border:1px solid var(--surface-2);background:var(--surface);color:var(--text);padding:5px 12px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer}.chip.active{background:var(--text);color:var(--bg)}.chip.low{border-color:var(--warn);color:var(--warn)}.panel{background:var(--surface);border-radius:var(--radius);padding:12px 16px 20px;align-self:start}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--surface-2);margin:0 -4px 12px;overflow-x:auto}.tab{background:none;border:none;color:var(--muted);padding:8px 10px;font:inherit;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tabpane{display:none}.tabpane.active{display:block}.filters{display:flex;gap:6px;margin-bottom:12px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.card{background:var(--surface-2);border:2px solid transparent;border-radius:10px;padding:6px;cursor:pointer;text-align:center;color:var(--text);font:inherit;font-size:13px}.card img{width:100%;aspect-ratio:1;border-radius:8px;background:#2c3140;display:block}.card.selected{border-color:var(--accent)}.card:disabled{opacity:.45;cursor:default}.card .tag{display:inline-block;font-size:11px;color:var(--muted)}.card .tag.premium{color:var(--warn)}.looks{display:flex;flex-direction:column;gap:10px}.look-label{font-size:13px;color:var(--muted);margin-bottom:4px}.looks .filters{flex-wrap:wrap;margin-bottom:0}.chip:disabled{opacity:.4;cursor:default}.swatches{display:flex;gap:6px;margin-top:6px}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid var(--surface-2);cursor:pointer;padding:0}.swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--accent)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:14px}.field input,.field select,.field textarea{background:var(--bg);color:var(--text);border:1px solid var(--surface-2);border-radius:8px;padding:8px;font:inherit}.check{display:flex;gap:8px;align-items:flex-start;margin:8px 0;font-size:14px}.stack{display:flex;flex-direction:column}.steps{padding-left:20px;margin:0}.steps li{margin-bottom:6px}.balance-box{display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);border-radius:10px;padding:12px}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pack{display:flex;flex-direction:column;align-items:center;gap:2px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:8px 0}.plan{display:flex;flex-direction:column;gap:4px;background:var(--surface-2);border:1px solid transparent;border-radius:10px;padding:10px;font-size:13px}.plan.current{border-color:var(--accent-2)}.plan b{font-size:15px}.plan .price{font-size:18px;font-weight:600}.plan ul{margin:0;padding-left:16px;color:var(--muted)}.plan .btn{margin-top:auto}.team{list-style:none;padding:0;margin:0 0 8px;font-size:14px}.team li{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--surface-2)}.inline-form{display:flex;gap:8px}.inline-form input{flex:1;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--surface-2);border-radius:8px;padding:8px;font:inherit}.usage{width:100%;font-size:13px;border-collapse:collapse}.usage td{padding:4px 2px;border-bottom:1px solid var(--surface-2)}.usage td:last-child{text-align:right}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--muted);padding:10px 16px;border-radius:10px;max-width:min(92vw,520px);z-index:10}