:root{--background-body: #202b38;--background: #161f27;--background-alt: #1a242f;--selection: #1c76c5;--text-main: #dbdbdb;--text-bright: #fff;--text-muted: #a9b1ba;--links: #41adff;--focus: #0096bfab;--border: #526980;--code: #ffbe85;--animation-duration: .1s;--button-base: #0c151c;--button-hover: #040a0f;--scrollbar-thumb: var(--button-hover);--scrollbar-thumb-hover: rgb(0, 0, 0);--form-placeholder: #a9a9a9;--form-text: #fff;--variable: #d941e2;--highlight: #efdb43;--select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E")}html{scrollbar-color:#040a0f #202b38;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#dbdbdb;color:var(--text-main);background:#202b38;background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1,h2,h3,h4,h5,h6,strong{color:#fff;color:var(--text-bright)}h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:600}q:before{content:none}q:after{content:none}blockquote,q{border-left:4px solid #0096bfab;border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{font-style:normal;border:0}blockquote cite,address{font-style:normal}a[href^="mailto:"]:before{content:"📧 "}a[href^="tel:"]:before{content:"📞 "}a[href^="sms:"]:before{content:"💬 "}mark{background-color:#efdb43;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}a>code,a>strong{color:inherit}button,select,input[type=submit],input[type=reset],input[type=button],input[type=checkbox],input[type=range],input[type=radio]{cursor:pointer}input,select{display:block}[type=checkbox],[type=radio]{display:initial}input,button,textarea,select{color:#fff;color:var(--form-text);background-color:#161f27;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input[type=submit],input[type=reset],input[type=button]{background-color:#0c151c;background-color:var(--button-base);padding-right:30px;padding-left:30px}button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background:#040a0f;background:var(--button-hover)}input[type=color]{min-height:2rem;padding:8px;cursor:pointer}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}input:not([type=checkbox]):not([type=radio]),input[type=range],select,button,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}input:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}select:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}button:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}textarea:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active,input[type=range]:active,button:active{transform:translateY(2px)}input:disabled,select:disabled,button:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-moz-placeholder{color:#a9a9a9;color:var(--form-placeholder)}:-ms-input-placeholder{color:#a9a9a9;color:var(--form-placeholder)}::-ms-input-placeholder{color:#a9a9a9;color:var(--form-placeholder)}::placeholder{color:#a9a9a9;color:var(--form-placeholder)}fieldset{border:1px #0096bfab solid;border:1px var(--focus) solid;border-radius:6px;margin:0 0 12px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#161f27;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#526980;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27;background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#161f27;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#526980;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#161f27;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-fill-upper{background:#161f27;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#526980;background:var(--border)}input[type=range]:focus::-ms-fill-lower{background:#161f27;background:var(--background)}input[type=range]:focus::-ms-fill-upper{background:#161f27;background:var(--background)}a{text-decoration:none;color:#41adff;color:var(--links)}a:hover{text-decoration:underline}code,samp{background:#161f27;background:var(--background);color:#ffbe85;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}time{background:#161f27;background:var(--background);color:#ffbe85;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#d941e2;color:var(--variable);font-style:normal;font-family:monospace}kbd{background:#161f27;background:var(--background);border:1px solid #526980;border:1px solid var(--border);border-radius:2px;color:#dbdbdb;color:var(--text-main);padding:2px 4px}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #526980;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption{text-align:left}td,th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #526980;border-bottom:1px solid var(--border)}tfoot{border-top:1px solid #526980;border-top:1px solid var(--border)}tbody tr:nth-child(2n){background-color:#161f27;background-color:var(--background)}tbody tr:nth-child(2n) button{background-color:#1a242f;background-color:var(--background-alt)}tbody tr:nth-child(2n) button:hover{background-color:#202b38;background-color:var(--background-body)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:#040a0f;background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#000;background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:#1c76c5;background-color:var(--selection);color:#fff;color:var(--text-bright)}::selection{background-color:#1c76c5;background-color:var(--selection);color:#fff;color:var(--text-bright)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#1a242f;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#161f27;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}summary:hover,summary:focus{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#dbdbdb;color:var(--text-main)}dialog{background-color:#1a242f;background-color:var(--background-alt);color:#dbdbdb;color:var(--text-main);border:none;border-radius:6px;border-color:#526980;border-color:var(--border);padding:10px 30px}dialog>header:first-child{background-color:#161f27;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}dialog::-webkit-backdrop{background:#0000009c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:#0000009c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}footer{border-top:1px solid #526980;border-top:1px solid var(--border);padding-top:10px;color:#a9b1ba;color:var(--text-muted)}body>footer{margin-top:40px}@media print{body,pre,code,summary,details,button,input,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,h1,h2,h3,h4,h5,h6,pre,code,button,input,textarea,footer,summary,strong{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#00f;text-decoration:underline}}:root{color-scheme:dark;accent-color:var(--primary);--primary: #fea60b;--primary-hover: color-mix(in srgb, var(--primary) 82%, white);--surface: #202020;--surface-alt: #191919;--text-muted: #a8a29e;--background-body: #0d0d0d;--background: var(--surface);--background-alt: var(--surface-alt);--text-main: #e6e6f0;--text-bright: #fffeff;--links: var(--primary);--focus: color-mix(in srgb, var(--primary) 60%, transparent);--border: #333333;--button-base: var(--primary);--button-hover: var(--primary-hover);--form-text: #e6e6f0;--form-placeholder: #6f6f78;--selection: color-mix(in srgb, var(--primary) 40%, transparent);--code: color-mix(in srgb, var(--primary) 55%, white);--scrollbar-thumb: #333333;--scrollbar-thumb-hover: #444444;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .2)}:root[data-theme=light]{color-scheme:light;accent-color:#e85d1a;--primary: #e85d1a;--primary-hover: #cf4f12;--surface: #ffffff;--surface-alt: #f1efea;--text-muted: #6b6660;--background-body: #faf9f7;--text-main: #1c1a17;--text-bright: #14110e;--focus: rgba(232, 93, 26, .5);--border: #e4e0d8;--form-text: #1c1a17;--form-placeholder: #9a948c;--selection: rgba(232, 93, 26, .22);--code: #b23c0a;--scrollbar-thumb: #cfc9be;--scrollbar-thumb-hover: #b8b1a4}:root[data-theme=blue]{color-scheme:dark;accent-color:#4c8dff;--primary: #4c8dff;--primary-hover: #6ba1ff;--surface: #131a2e;--surface-alt: #0f1626;--text-muted: #9aa6c0;--background-body: #0a0f1e;--text-main: #e6ebf5;--text-bright: #ffffff;--focus: rgba(76, 141, 255, .6);--border: #263151;--form-text: #e6ebf5;--form-placeholder: #667092;--selection: rgba(76, 141, 255, .4);--code: #9ec5ff;--scrollbar-thumb: #263151;--scrollbar-thumb-hover: #35426a}[hidden]{display:none!important}mark{background-color:color-mix(in srgb,var(--primary) 55%,white);color:#1a1a1a}meter::-webkit-meter-bar{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius)}meter::-webkit-meter-optimum-value,meter::-webkit-meter-suboptimum-value,meter::-webkit-meter-even-less-good-value{background:var(--primary)}meter::-moz-meter-bar{background:var(--primary)}button,input,select,textarea{border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}button,input[type=submit],input[type=button],input[type=reset]{font-weight:600;border-radius:999px;padding-left:18px;padding-right:18px}button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{background:var(--button-hover)}pre{border-radius:var(--radius)}code,kbd{border-radius:5px}progress,meter{border-radius:999px}progress::-webkit-progress-bar{background:var(--surface-alt);border-radius:999px}progress::-webkit-progress-value{background:var(--primary);border-radius:999px}progress::-moz-progress-bar{background:var(--primary)}meter::-webkit-meter-bar,meter::-webkit-meter-optimum-value{border-radius:999px}input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--border);border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;background:var(--primary);border:2px solid var(--background-body);border-radius:50%;box-shadow:var(--shadow)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{background:var(--primary-hover)}input[type=range]::-moz-range-track{height:6px;background:var(--border);border-radius:999px}input[type=range]::-moz-range-progress{height:6px;background:var(--primary);border-radius:999px}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border:2px solid var(--background-body);border-radius:50%;box-shadow:var(--shadow)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{background:var(--primary-hover)}h1,h2{letter-spacing:-.02em}:root{--accent: #ff6a3d;--accent-strong: #ff5227;--accent-soft: color-mix(in srgb, var(--accent) 16%, transparent);--accent-line: color-mix(in srgb, var(--accent) 55%, transparent);--grad-ember: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);--rec: #ff4438;--rec-ring: color-mix(in srgb, var(--rec) 55%, transparent);--rec-glow: 0 0 0 6px color-mix(in srgb, var(--rec) 22%, transparent);--stage-0: #0a0a0c;--stage-1: #141417;--stage-2: #1b1b1f;--stage-3: #26262c;--stage-4: #33333b;--line: color-mix(in srgb, #ffffff 8%, transparent);--line-strong: color-mix(in srgb, #ffffff 15%, transparent);--ink: #f4f3f6;--ink-dim: #b9b7c2;--ink-faint: #8f8c9b;--ok: #35c46b;--danger: #ff5a52;--warn: #f5a623;--r-tile: 16px;--r-card: 14px;--r-control: 20px;--r-chip: 999px;--r-btn: 999px;--r-input: 10px;--r-sm: 8px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--shadow-tile: 0 1px 2px rgba(0,0,0,.4), 0 10px 28px rgba(0,0,0,.34);--shadow-card: 0 1px 2px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.28);--shadow-pop: 0 16px 44px rgba(0,0,0,.52), 0 0 0 1px var(--line);--shadow-bar: 0 10px 34px rgba(0,0,0,.55), 0 0 0 1px var(--line-strong);--shadow-accent: 0 6px 22px color-mix(in srgb, var(--accent) 42%, transparent);--focus-ring: 0 0 0 2px var(--stage-0), 0 0 0 4px var(--accent);--dur-fast: .12s;--dur: .2s;--dur-slow: .34s;--ease: cubic-bezier(.2,.7,.3,1);--ease-out: cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{max-width:none;background:var(--stage-0);color:var(--ink)}body.studio,body[data-screen=landing]{background:var(--stage-0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.primary-btn{background:var(--grad-ember);color:#fff;border:none;border-radius:var(--r-btn);box-shadow:var(--shadow-accent);font-weight:700;transition:filter var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.primary-btn:hover{background:var(--grad-ember);filter:brightness(1.06)}.primary-btn:active{transform:scale(.98)}.primary-btn:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-accent)}.secondary-btn{background:var(--stage-3);color:var(--ink);border:1px solid var(--line)}.secondary-btn:hover{background:var(--stage-4)}.secondary-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}button.ghost{background:transparent;color:var(--ink-dim);border:1px solid var(--line)}button.ghost:hover{background:var(--stage-2);color:var(--ink)}button.ghost:focus-visible{outline:none;box-shadow:var(--focus-ring)}.primary-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.arm-fields select,.arm-fields input,#title-input,#join-input{background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-input);color:var(--form-text)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent-line)}.landing{max-width:980px;margin-inline:auto;padding-top:var(--s-8)}.landing-loading{display:flex;align-items:center;justify-content:center;gap:var(--s-3);color:var(--ink-dim);font-size:var(--text-sm);padding:var(--s-6) 0}.landing-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:landing-spin .7s linear infinite}@keyframes landing-spin{to{transform:rotate(360deg)}}.landing-nav{position:absolute;top:var(--s-4);right:var(--s-4);margin:0;z-index:5}.nav-editor-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;min-height:44px;color:var(--ink-dim);background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-chip);padding:8px 16px;font-weight:600;font-size:var(--text-sm);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.nav-editor-btn:hover{color:var(--ink);border-color:var(--accent-line)}.hero{text-align:center;margin-bottom:var(--s-7)}.kicker{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-chip);padding:3px 12px;margin-bottom:var(--s-4)}.wordmark{background:var(--grad-ember);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin:0 0 var(--s-3)}.tagline{color:var(--ink-dim);font-size:var(--text-lg);max-width:54ch;margin:0 auto}#landing-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s-4)}.card{position:relative;background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-5);box-shadow:var(--shadow-card);overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-ember)}.card-glyph{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--stage-3);color:var(--accent);border:1px solid var(--line);margin-bottom:var(--s-2)}.card h2{margin-top:0}.card-sub{color:var(--ink-dim);font-size:var(--text-sm);margin-top:0}.card form{display:flex;flex-direction:column;gap:var(--s-2)}.card input{width:100%}.card button{align-self:flex-start}.showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s-6);align-items:center;margin-bottom:var(--s-7)}@media(max-width:760px){.showcase{grid-template-columns:1fr;gap:var(--s-5)}}.stage-preview{position:relative;background:var(--stage-1);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-3);box-shadow:var(--shadow-card);overflow:hidden}.stage-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 50% -20%,var(--accent-soft),transparent 62%)}.sp-bar{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);position:relative}.sp-rec{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;color:#fff;background:var(--rec);border-radius:var(--r-chip);padding:3px 10px}.sp-rec-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:var(--rec-glow)}.sp-clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-sm);color:var(--ink)}.sp-4k{margin-left:auto;font-size:var(--text-xs);font-weight:600;color:var(--ink-dim);background:var(--stage-3);border:1px solid var(--line);border-radius:var(--r-chip);padding:2px 10px}.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.sp-tile{position:relative;aspect-ratio:16 / 10;border-radius:var(--r-sm);background:linear-gradient(160deg,var(--stage-3),var(--stage-2));border:1px solid var(--line);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:10px}.sp-av{position:absolute;top:9px;left:9px;width:22px;height:22px;border-radius:50%;background:var(--grad-ember)}.sp-tile:nth-child(2) .sp-av{background:linear-gradient(135deg,#4f8cff,#8b5cf6)}.sp-tile:nth-child(3) .sp-av{background:linear-gradient(135deg,#35c46b,#0ea5a3)}.sp-tile:nth-child(4) .sp-av{background:linear-gradient(135deg,#f5a623,#ff6a3d)}.sp-wave{display:flex;align-items:flex-end;gap:3px;height:30px}.sp-wave i{width:4px;border-radius:2px;background:var(--accent);opacity:.8}.sp-wave i:nth-child(1){height:35%}.sp-wave i:nth-child(2){height:70%}.sp-wave i:nth-child(3){height:100%}.sp-wave i:nth-child(4){height:55%}.sp-wave i:nth-child(5){height:85%}.sp-wave i:nth-child(6){height:45%}.sp-wave i:nth-child(7){height:65%}.sp-tile:nth-child(2) .sp-wave i{background:#6f9bff}.sp-tile:nth-child(3) .sp-wave i{background:#35c46b}.sp-tile:nth-child(4) .sp-wave i{background:var(--warn)}.sp-timeline{margin-top:var(--s-3);display:flex;flex-direction:column;gap:6px}.sp-lane{height:9px;border-radius:5px;background:var(--stage-2);border:1px solid var(--line);position:relative;overflow:hidden}.sp-lane:after{content:"";position:absolute;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,var(--accent-soft),var(--accent-line))}.sp-lane:nth-child(1):after{left:5%;right:30%}.sp-lane:nth-child(2):after{left:22%;right:12%}.sp-lane:nth-child(3):after{left:9%;right:46%}.value-props{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}.value-props li{display:flex;gap:var(--s-3);align-items:flex-start}.vp-glyph{flex:none;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--stage-2);border:1px solid var(--line);color:var(--accent)}.vp-text b{display:block;color:var(--ink);font-size:var(--text-base);margin-bottom:2px}.vp-text span{color:var(--ink-dim);font-size:var(--text-sm);line-height:1.4}.landing-error,.studio-error{margin-top:var(--s-4);color:var(--ink);background:var(--stage-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-card);padding:var(--s-3) var(--s-4)}.studio-error{margin:var(--s-5)}#auth-gate{margin:var(--s-5) auto;max-width:420px}.auth-card{position:relative;background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-5);max-width:420px;margin-inline:auto;box-shadow:var(--shadow-card);overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-ember)}.auth-card h2{margin-top:0}.auth-blurb{color:var(--ink-dim);font-size:var(--text-sm)}.auth-error{color:var(--danger);font-size:var(--text-sm)}.studio-header{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--stage-1);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;flex-wrap:wrap}.s-title{font-weight:600;color:var(--ink);font-size:var(--text-lg)}.header-spacer{flex:1 1 auto}.rec-timer{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink);background:var(--stage-2);border:1px solid var(--rec-ring);padding:var(--s-1) var(--s-3);border-radius:var(--r-chip);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:6px}.rec-timer:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rec);box-shadow:0 0 0 3px var(--rec-ring);animation:chip-pulse 1s ease-in-out infinite}.conn-badge{font-size:var(--text-xs);padding:var(--s-1) var(--s-3);border-radius:var(--r-chip);border:1px solid var(--line);color:var(--ink-dim);background:var(--stage-2)}.conn-connected{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.conn-reconnecting{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 55%,transparent)}.conn-lost{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 12%,var(--stage-2))}.conn-offline{color:var(--ink-faint)}.folder-badge{font-size:var(--text-xs);color:var(--ink-dim);background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-chip);padding:var(--s-1) var(--s-3);max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen{display:none}body[data-screen=arm] #arm-screen{display:block}body[data-screen=lobby] #stage,body[data-screen=recording] #stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);min-height:calc(100vh - 160px);padding-bottom:120px}body[data-screen=summary] #summary-screen{display:block}.studio-main{padding:var(--s-5);max-width:1200px;margin:0 auto;background:var(--stage-0)}.studio-columns{display:flex;gap:var(--s-5);align-items:flex-start}.studio-screens{flex:1 1 auto;min-width:0}.arm{max-width:960px;margin-inline:auto}.arm-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:var(--s-5);align-items:start}.arm-preview{position:relative;aspect-ratio:16 / 9;background:#000;border:1px solid var(--line);border-radius:var(--r-tile);box-shadow:var(--shadow-tile);overflow:hidden}.arm-preview-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;transform:scaleX(-1);display:none}.arm-preview.is-live .arm-preview-video{display:block}.arm-preview.is-live .arm-preview-empty{display:none}.arm-preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);color:var(--ink-faint);text-align:center;padding:var(--s-4)}.arm-preview-cap{font-size:var(--text-sm);max-width:26ch}.arm-panel{display:flex;flex-direction:column;gap:var(--s-3)}.arm-panel h2{margin:0}.hint{color:var(--ink-dim);font-size:var(--text-sm)}.headphones-hint{background:var(--accent-soft);border:none;border-left:3px solid var(--accent-line);border-radius:var(--r-sm);padding:var(--s-3);margin:0}.arm-fields{display:grid;grid-template-columns:max-content 1fr;gap:var(--s-2) var(--s-4);align-items:center;margin:0}.arm-fields label,.arm-meter-label{color:var(--ink-dim);font-size:var(--text-sm)}.arm-fields select,.arm-fields input{width:100%;margin:0}.arm-fields input{padding:var(--s-2) var(--s-3)}.arm-fields label[for=session-name],.arm-fields #session-name{order:1}.mic-meter{position:relative;height:10px;width:100%;background:color-mix(in srgb,#fff 6%,transparent);border:1px solid var(--line);border-radius:var(--r-chip);overflow:hidden}.mic-meter-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--grad-ember);border-radius:var(--r-chip);transition:width 80ms linear}.mic-meter-peak{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--ink);opacity:.8;transition:left .12s linear}.arm-meter-label{align-self:center}.arm-disk{margin:0;font-size:var(--text-xs);color:var(--ink-faint);font-variant-numeric:tabular-nums}.arm-save{border-top:1px solid var(--line);padding-top:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.arm-save-head{color:var(--ink);font-weight:600;font-size:var(--text-sm);margin:0}.save-file-lbl{color:var(--ink-faint);font-size:var(--text-xs);margin:0}#folder-label-lbl{color:var(--ink-dim);font-size:var(--text-sm);margin:0}.save-row{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.save-loc-label{color:var(--ink-faint);font-size:var(--text-sm)}.arm-enter{width:100%;font-size:var(--text-lg);margin-top:var(--s-2)}@media(max-width:900px){.arm-lobby{grid-template-columns:1fr}.arm-preview{max-width:640px;margin-inline:auto;width:100%}}@media(max-width:560px){.arm-fields{grid-template-columns:1fr}.arm-fields label,.arm-meter-label{margin-bottom:calc(var(--s-1) * -1)}}.rec-live{display:none;align-items:center;gap:var(--s-2);background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-chip);padding:6px 14px;box-shadow:var(--shadow-card)}body[data-screen=recording] .rec-live{display:inline-flex}.rec-live-dot{width:9px;height:9px;border-radius:50%;background:var(--rec);box-shadow:0 0 0 4px var(--rec-ring);animation:chip-pulse 1s ease-in-out infinite}.rec-live-label{font-weight:800;letter-spacing:.06em;color:var(--rec);font-size:var(--text-xs)}.rec-live-time{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700;font-size:var(--text-sm)}.tile-grid{display:grid;gap:var(--s-4);grid-template-columns:1fr;width:100%;max-width:1100px;margin-inline:auto;justify-content:center}.tile-grid[data-count="1"]{max-width:720px}.tile-grid[data-count="2"]{grid-template-columns:repeat(2,1fr);max-width:1000px}.tile-grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}.tile-grid[data-count="4"]{grid-template-columns:repeat(2,1fr);max-width:900px}.tile-grid[data-count="5"]{grid-template-columns:repeat(6,1fr)}.tile-grid[data-count="5"]>*{grid-column:span 2}.tile-grid[data-count="5"]>*:nth-child(4){grid-column:2 / span 2}.tile-grid[data-count="5"]>*:nth-child(5){grid-column:4 / span 2}@media(max-width:760px){.tile-grid[data-count]{grid-template-columns:1fr}.tile-grid[data-count="5"]>*{grid-column:auto}}.tile{position:relative;aspect-ratio:16 / 9;background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-tile);overflow:hidden;box-shadow:var(--shadow-tile);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.tile-self:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.tile video{width:100%;height:100%;object-fit:cover;background:#000;display:block}.tile-recording{border-color:var(--rec);box-shadow:inset 0 0 0 2px var(--rec),0 0 0 3px var(--rec-ring),var(--shadow-tile)}.tile-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-2);padding:var(--s-2);background:none;pointer-events:none}.tile-name{color:#fff;font-size:var(--text-sm);font-weight:600;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--r-chip);padding:3px 10px;max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-chip{font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--r-chip);white-space:nowrap;background:var(--stage-3);color:var(--ink-dim);border:1px solid var(--line)}.chip-idle{background:var(--stage-3);color:var(--ink-dim);border:1px solid var(--line)}.chip-countdown{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);animation:chip-pulse 1s ease-in-out infinite}.chip-recording{background:var(--rec);color:#fff;border:1px solid var(--rec)}.chip-stopped{background:var(--stage-3);color:var(--ink-faint);border:1px solid var(--line)}@keyframes chip-pulse{50%{opacity:.45}}.tile-meter{position:absolute;left:0;right:0;top:0;height:4px;background:transparent}.tile-meter-fill{display:block;height:100%;width:0;background:var(--primary);transition:width .08s linear}.tile-conn{position:absolute;top:var(--s-2);right:var(--s-2);width:10px;height:10px;border-radius:50%;background:var(--ink-faint);box-shadow:0 0 0 2px var(--stage-2)}.tile-conn.peer-connected{background:var(--ok)}.tile-conn.peer-connecting{background:var(--primary);animation:chip-pulse 1s ease-in-out infinite}.tile-conn.peer-failed{background:var(--rec)}.tile-conn.peer-closed{background:var(--ink-faint)}.tile-badges{display:inline-flex;align-items:center;gap:var(--s-1)}.tile-muted{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;background:var(--accent);box-shadow:0 1px 2px #0009}.tile-muted svg{display:block}.tile-xfer{font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--r-chip);white-space:nowrap;color:var(--ink);background:var(--stage-2);border:1px solid var(--accent-line)}.tile-xfer.xfer-ok{border-color:var(--line);color:var(--ok)}.tile-camoff{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--stage-2)}.tile-avatar{display:inline-flex;align-items:center;justify-content:center;width:22%;min-width:44px;max-width:96px;aspect-ratio:1;border-radius:50%;background:var(--grad-ember);color:#fff;font-weight:700;font-size:var(--text-xl);text-transform:uppercase}.tile-vol{position:absolute;top:var(--s-2);left:var(--s-2);display:flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);border-radius:var(--r-chip);background:#00000073;opacity:0;transition:opacity .15s ease}.tile:hover .tile-vol,.tile:focus-within .tile-vol{opacity:1}@media(hover:none){.tile-vol{opacity:1}}.vol-mute{display:inline-flex;align-items:center;justify-content:center;padding:0;width:22px;height:22px;background:transparent;border:none;color:#fff;cursor:pointer}.vol-mute:hover{color:var(--accent);background:transparent}.vol-mute.is-muted{color:var(--accent)}.vol-mute svg{display:block}.vol-slider{width:80px;margin:0;accent-color:var(--accent)}.controls{position:fixed;left:50%;transform:translate(-50%);bottom:max(var(--s-5),env(safe-area-inset-bottom));display:flex;align-items:center;gap:var(--s-3);background:var(--stage-1);border:1px solid var(--line-strong);border-radius:var(--r-control);padding:var(--s-2) var(--s-3);padding-bottom:max(var(--s-2),env(safe-area-inset-bottom));box-shadow:var(--shadow-bar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40}.io-btn{display:none;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;background:var(--stage-2);color:var(--ink-dim);border:1px solid var(--line);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}body[data-screen=lobby] .io-btn,body[data-screen=recording] .io-btn{display:inline-flex}.io-btn:hover{background:var(--stage-3);color:var(--ink)}.io-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.io-btn .io-icon{display:inline-flex;align-items:center}.io-btn .io-off{display:none}.io-btn .io-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.io-btn.is-off{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.io-btn.is-off:hover{background:var(--accent-soft)}.io-btn.is-off .io-on{display:none}.io-btn.is-off .io-off{display:inline-flex}.record-btn,.stop-btn,.guest-wait{display:none}body.is-host[data-screen=lobby] .record-btn{display:inline-flex}body:not(.is-host)[data-screen=lobby] .guest-wait{display:inline-flex}body[data-screen=recording] .stop-btn{display:inline-flex}.record-btn{align-items:center;gap:var(--s-2);height:52px;padding:0 var(--s-5);border:none;border-radius:var(--r-btn);background:var(--grad-ember);color:#fff;font-size:var(--text-base);font-weight:700;box-shadow:var(--shadow-accent);transform:scale(1.02);transition:filter var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.record-btn:hover{background:var(--grad-ember);filter:brightness(1.06);transform:scale(1.02) translateY(-1px)}.record-btn:active{transform:scale(.99)}.record-btn:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-accent)}.rec-dot{width:12px;height:12px;border-radius:50%;background:#fff;display:inline-block}.stop-btn{align-items:center;gap:var(--s-2);height:52px;padding:0 var(--s-5);border:none;border-radius:var(--r-btn);background:var(--rec);color:#fff;font-size:var(--text-base);font-weight:700;box-shadow:0 6px 22px color-mix(in srgb,var(--rec) 40%,transparent)}.stop-btn:before{content:"";width:12px;height:12px;border-radius:3px;background:#fff;display:inline-block}.stop-btn:hover{background:var(--rec);filter:brightness(1.06)}.stop-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.guest-wait{align-items:center;color:var(--ink-dim);font-size:var(--text-sm);background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-chip);padding:8px 16px;margin:0}.self-guest-banner{margin:var(--s-2) auto 0;max-width:42rem;padding:var(--s-2) var(--s-4);text-align:center;font-size:var(--text-sm);color:var(--ink);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-card)}.dev-testsink-banner{position:fixed;top:0;left:0;right:0;z-index:100;padding:4px 10px;text-align:center;font-size:var(--text-sm);font-weight:700;color:#fff;background:var(--accent)}.folder-guard{max-width:960px;margin:0 auto var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-card);border:1px solid var(--line);background:var(--stage-2);display:flex;flex-direction:column;gap:var(--s-2)}.folder-guard-row{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.folder-guard-text{flex:1 1 20ch;min-width:0;font-size:var(--text-sm);color:var(--ink)}.folder-guard-fix{flex:0 0 auto;font-size:var(--text-sm)}.folder-guard.is-ok{border-color:color-mix(in srgb,var(--ok) 55%,transparent);background:color-mix(in srgb,var(--ok) 10%,var(--stage-2))}.folder-guard.is-ok .folder-guard-text{color:var(--ink)}.folder-guard.is-warn{border-color:color-mix(in srgb,var(--warn) 60%,transparent);background:color-mix(in srgb,var(--warn) 14%,var(--stage-2))}.folder-guard.is-blocked{border-color:color-mix(in srgb,var(--danger) 65%,transparent);background:color-mix(in srgb,var(--danger) 15%,var(--stage-2))}.folder-guard.is-blocked .folder-guard-text,.folder-guard.is-warn .folder-guard-text{font-weight:600}.folder-guard-hatch{display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--text-xs);color:var(--ink-dim);cursor:pointer}.folder-guard-hatch input{margin-top:2px;flex:0 0 auto}.folder-guard-recover{align-self:flex-start;font-size:var(--text-sm)}.summary-recovery{margin:var(--s-4) 0;padding:var(--s-4);border-radius:var(--r-card);border:1px solid var(--line);background:var(--stage-2);display:flex;flex-direction:column;gap:var(--s-3)}.summary-recovery.is-blocked{border-color:color-mix(in srgb,var(--danger) 65%,transparent);background:color-mix(in srgb,var(--danger) 15%,var(--stage-2))}.summary-recovery.is-warn{border-color:color-mix(in srgb,var(--warn) 60%,transparent);background:color-mix(in srgb,var(--warn) 14%,var(--stage-2))}.summary-recovery-msg{margin:0;font-size:var(--text-sm);color:var(--ink)}.summary-recovery-btn{align-self:flex-start}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.countdown-num{display:flex;align-items:center;justify-content:center;width:15rem;height:15rem;border-radius:50%;border:2px solid var(--accent-line);font-size:8rem;font-weight:800;line-height:1;color:var(--ink);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 60px color-mix(in srgb,var(--accent) 38%,transparent);animation:cd-tick 1s var(--ease-out) infinite}@keyframes cd-tick{0%{transform:scale(1.12);opacity:.5}30%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.countdown-num{animation:none}}.summary{max-width:640px;margin-inline:auto}#summary-title{display:flex;align-items:center;gap:var(--s-3)}#summary-title:before{content:"✓";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--grad-ember);color:#fff;font-size:var(--text-lg);font-weight:800;box-shadow:var(--shadow-accent)}.summary-stats{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:0 var(--s-5);background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-2) var(--s-5);box-shadow:var(--shadow-card)}.summary-stats dt,.summary-stats dd{margin:0;padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.summary-stats dt{color:var(--ink-dim);font-size:var(--text-sm)}.summary-stats dd{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.summary-stats dt:nth-last-of-type(1),.summary-stats dd:nth-last-of-type(1){border-bottom:none}.stat-status{display:inline-block;font-size:var(--text-xs);font-weight:700;padding:2px 10px;border-radius:var(--r-chip);background:var(--stage-3);color:var(--ink-dim);border:1px solid var(--line)}.stat-status.is-verified{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.stat-status.is-uploading{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.stat-status.is-failed{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.summary-warn{color:var(--accent);font-size:var(--text-sm)}.summary-primary{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;margin:var(--s-5) 0 var(--s-3)}.summary-editor-primary{text-decoration:none;font-size:var(--text-lg);font-weight:700;padding:var(--s-4) var(--s-8)}.summary-newtake{text-decoration:none}.summary-whatyouget{flex:1 1 100%;margin:0;color:var(--ink-dim);font-size:var(--text-sm);line-height:1.5}.summary-whatyouget strong{color:var(--ink);font-weight:600}.summary-save-note{color:var(--ink-dim);font-size:var(--text-sm);margin:var(--s-2) 0}.summary-download{margin-bottom:var(--s-2)}.summary-actions{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line)}.summary-home{display:inline-block;color:var(--ink-dim)}.takes-list-wrap{max-width:640px;margin-bottom:var(--s-5);background:var(--stage-2);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-3) var(--s-4)}.takes-list-title{color:var(--ink-dim);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--s-2)}.takes-list{list-style:none;margin:0;padding:0}.takes-list li{padding:var(--s-2);border-radius:var(--r-sm);color:var(--ink-dim);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.takes-list li.is-current{background:var(--stage-3);color:var(--ink);font-weight:600}.takes-current-tag{color:var(--ink-faint);font-weight:400}.summary-transfer{max-width:640px;margin-top:var(--s-5)}.xfer-status{background:var(--stage-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-card);padding:var(--s-4) var(--s-5)}.xfer-status p{margin:0 0 var(--s-2);color:var(--ink)}.xfer-status p:last-child{margin-bottom:0}.xfer-head{color:var(--ink-dim);font-size:var(--text-sm);font-weight:600}.xfer-done{color:var(--ok);font-weight:600}.xfer-list{margin:0;padding-left:var(--s-5);color:var(--ink)}.xfer-list li{margin:var(--s-1) 0;font-variant-numeric:tabular-nums}.participants-panel{display:none}body[data-screen=lobby] .participants-panel,body[data-screen=recording] .participants-panel,body[data-screen=summary] .participants-panel{display:block}.participants-panel.pp{flex:0 0 300px;position:sticky;top:var(--s-5);background:var(--stage-1);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);overflow:hidden}.pp-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--stage-2);border-bottom:1px solid var(--line)}.pp-heading{display:inline-flex;align-items:center;gap:var(--s-2)}.pp-title{font-weight:600;color:var(--ink);font-size:var(--text-sm)}.pp-count{font-size:var(--text-xs);font-weight:700;color:var(--ink-dim);background:var(--stage-3);border:1px solid var(--line);border-radius:var(--r-chip);padding:1px 8px;font-variant-numeric:tabular-nums}.pp-toggle{padding:0 var(--s-2);line-height:1.6;font-size:var(--text-sm)}.pp-body{padding:0 var(--s-4) var(--s-2)}.pp-collapsed .pp-body{display:none}.pp-nag{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-sm);padding:var(--s-3);margin-top:var(--s-3)}.pp-nag-text{margin:0 0 var(--s-2);font-size:var(--text-sm);color:var(--ink)}.pp-nag-btn{font-size:var(--text-sm)}.pp-row{display:flex;gap:var(--s-2);padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.pp-row:last-child{border-bottom:none}.pp-main{flex:1 1 auto;min-width:0}.pp-dot{width:10px;height:10px;border-radius:50%;background:var(--ink-faint);flex:0 0 auto;margin-top:5px}.pp-dot.peer-connected{background:var(--ok)}.pp-dot.peer-connecting{background:var(--primary);animation:chip-pulse 1s ease-in-out infinite}.pp-dot.peer-failed{background:var(--rec)}.pp-dot.peer-closed{background:var(--ink-faint)}.pp-l1{display:flex;align-items:center;gap:var(--s-1)}.pp-name{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pp-chip{font-size:var(--text-xs);font-weight:700;padding:1px 8px;border-radius:var(--r-chip);white-space:nowrap;background:var(--stage-3);color:var(--ink-dim);border:1px solid var(--line)}.pp-role.is-host{background:var(--grad-ember);color:#fff;border:none}.pp-l2{display:flex;align-items:center;gap:var(--s-2);margin-top:3px}.pp-io{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-dim)}.pp-io.is-off{color:var(--accent)}.pp-io svg{display:block}.pp-save{font-size:var(--text-xs);color:var(--ink-dim);margin-left:auto}.pp-save.is-ok{color:var(--ok);font-weight:600}.pp-xfer{margin-top:var(--s-1)}.pp-bar{height:6px;border-radius:var(--r-chip);background:color-mix(in srgb,#fff 6%,transparent);overflow:hidden}.pp-bar-fill{display:block;height:100%;width:0;background:var(--grad-ember);transition:width .2s ease}.pp-bar.is-done .pp-bar-fill{background:var(--ok)}.pp-bar.is-stalled .pp-bar-fill{background:var(--ink-faint)}.pp-xlabel{display:block;font-size:var(--text-xs);color:var(--ink-dim);margin-top:2px;font-variant-numeric:tabular-nums}.pp-xlabel.is-done{color:var(--ok);font-weight:600}.pp-xlabel.is-warn{color:var(--accent)}@media(max-width:900px){.studio-columns{flex-direction:column}.participants-panel.pp{position:static;flex-basis:auto;width:100%}}.toasts{position:fixed;bottom:var(--s-5);right:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2);z-index:100;max-width:min(90vw,360px)}.toast{background:var(--stage-2);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:var(--r-card);padding:var(--s-3) var(--s-4);color:var(--ink);font-size:var(--text-sm);box-shadow:var(--shadow-pop);opacity:0;transform:translateY(8px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.toast-show{opacity:1;transform:translateY(0)}.toast-success{border-left-color:var(--ok)}.toast-error{border-left-color:var(--danger)}.build-stamp{position:fixed;right:10px;bottom:8px;font-size:12px;opacity:.95;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:50}