@font-face{font-family:SpaceMono;src:url('../assets/space-mono-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Anton;src:url('../assets/anton.woff2') format('woff2');font-weight:400;font-display:swap}
:root{font-family:SpaceMono,monospace;font-weight:700;color:#f4efe3;background:#10131b;font-synthesis:none;--blue:#3b62e0;--cyan:#62dbec;--cream:#f3d9b5;--muted:#a3a8b8}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 80% 27%,#1a2031 0,transparent 35%),#10131b}.page-shell{max-width:1220px;margin:0 auto;padding:28px 40px 22px}.masthead{height:40px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #333746}.wordmark{color:#e4e7ef;text-decoration:none;font-size:9px;letter-spacing:.11em}.wordmark span{color:var(--cyan);font-size:13px;margin-right:8px}.badge{color:#8ee6c5;font-size:8px;letter-spacing:.07em}.badge i,.on-air i{display:inline-block;width:7px;height:7px;margin-right:6px;background:#73e9b7;border-radius:50%;box-shadow:0 0 10px #73e9b7}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.83fr);gap:54px;padding:26px 0 20px;align-items:center}.intro{min-width:0}.eyebrow,.section-label,.preview-meta{display:flex;justify-content:space-between;gap:10px;color:#8b91a4;font-size:8px;letter-spacing:.1em}.eyebrow span:first-child{color:var(--cyan)}h1{margin:13px 0 8px;font:74px/.88 Anton,sans-serif;letter-spacing:.005em;color:#f5f0e6}h1 em{color:var(--blue);font-style:normal}.lede{max-width:430px;margin:17px 0 22px;color:#c0c4d0;font-size:11px;line-height:1.8}.setup-form{margin-top:15px}.setup-form label,.source-url>span{display:block;margin-bottom:7px;color:#999fb1;font-size:8px;letter-spacing:.12em}.input-line{display:flex;align-items:center;min-height:45px;border:1px solid #454b61;background:#181c29}.at-sign{padding-left:12px;color:var(--cyan)}.input-line input{flex:1;min-width:0;padding:12px 8px;border:0;outline:none;background:transparent;color:#fff;font:700 11px SpaceMono,monospace}.input-line input:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.input-line button,.copy-button{align-self:stretch;border:0;background:var(--blue);color:#fff;padding:0 15px;font:700 8px SpaceMono,monospace;letter-spacing:.06em;cursor:pointer;transition:background .15s,transform .15s}.input-line button:hover,.copy-button:not(:disabled):hover{background:#5278f5}.input-line button:active,.copy-button:active{transform:translateY(1px)}.form-help{min-height:13px;margin:6px 0 0;color:#858b9d;font-size:8px}.source-row{display:flex;align-items:stretch;margin-top:12px;border:1px solid #393e50;background:#151822}.source-url{flex:1;min-width:0;padding:9px 10px}.source-url>span{margin:0 0 5px;font-size:7px}.source-url code{display:block;overflow:hidden;color:#d9deeb;text-overflow:ellipsis;white-space:nowrap;font:700 8px SpaceMono,monospace}.copy-button{min-width:67px;background:#272d40;color:var(--cyan)}.copy-button:disabled{color:#666d80;cursor:not-allowed}.preview-column{align-self:center}.preview-meta{margin-bottom:9px}.on-air{color:#ff887c}.on-air i{background:#ff7469;box-shadow:0 0 9px #ff7469}.preview-wall{position:relative;aspect-ratio:1.08/1;overflow:hidden;border:1px solid #43485a;background:#29313d;box-shadow:0 18px 50px #0007}.stream-scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(155deg,#273643 0,#36434b 40%,#151d28 100%)}.scene-glow{position:absolute;top:-10%;left:12%;width:64%;height:60%;background:#e6a76425;filter:blur(45px)}.scene-window{position:absolute;top:12%;left:8%;width:47%;height:35%;border:7px solid #19212c;background:linear-gradient(130deg,#283b4d,#c77d5a);box-shadow:inset 0 0 0 2px #77818a}.scene-window span{position:absolute;bottom:0;left:33%;width:2px;height:100%;background:#1a222e}.scene-window span:nth-child(2){left:66%}.scene-window span:nth-child(3){bottom:34%;left:0;width:100%;height:2px}.scene-terminal{position:absolute;left:8%;bottom:16%;width:51%;height:31%;padding:10px;background:#111722dd;border:1px solid #71808e55;color:#75dfce;font:700 7px SpaceMono,monospace;box-shadow:0 7px 18px #0006}.scene-terminal b{display:block;margin-bottom:9px;color:#f2d7b2}.scene-terminal i{display:block;margin:4px 0;color:#aab7bd;font-style:normal}.scene-terminal div{width:28%;height:3px;margin-top:8px;background:#65e4b0;animation:progress 3s ease-in-out infinite alternate}.scene-shelf{position:absolute;right:0;bottom:12%;width:55%;height:10px;background:#654e43;box-shadow:0 9px 20px #111}.scene-plant{position:absolute;right:8%;bottom:21%;width:23px;height:57px;border-bottom:14px solid #bb7252}.scene-plant i{position:absolute;bottom:20px;left:9px;width:14px;height:28px;border-radius:80% 0 80% 0;background:#71a18a;transform:rotate(-30deg)}.scene-plant i:nth-child(2){transform:rotate(36deg);left:0;bottom:31px}.scene-plant i:nth-child(3){transform:rotate(76deg);left:12px;bottom:39px}.scene-tag{position:absolute;top:7%;right:7%;color:#dfd0b4;font:10px/.95 Anton,sans-serif;letter-spacing:.09em;opacity:.75}.preview-wall iframe{position:absolute;right:0;bottom:0;width:400px;height:400px;border:0;background:transparent;transform:scale(.95);transform-origin:bottom right}.preview-caption{display:flex;justify-content:space-between;padding-top:8px;color:#858b9d;font-size:7px;letter-spacing:.1em}.preview-caption span:first-child{color:#e7d5b7}.lower-deck{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;padding:15px 0 18px;border-top:1px solid #373b4a;border-bottom:1px solid #373b4a}.section-label{padding-bottom:9px;border-bottom:1px solid #303545}.section-label span:first-child{color:#d4d8e3}.command-list{display:flex;flex-wrap:wrap;gap:7px 14px;padding-top:10px;color:#a3a8b8;font-size:8px}.command-list b{color:var(--cyan)}.obs-steps ol{display:flex;justify-content:space-between;gap:12px;list-style:none;margin:11px 0 0;padding:0}.obs-steps li{display:flex;gap:7px;max-width:33%;color:#b2b7c4;font-size:7px;line-height:1.6}.obs-steps li>b{color:#f09877;font-size:8px}.obs-steps strong{color:#fff}.obs-hint{margin:7px 0 0;color:#858b9d;font-size:7px}footer{display:flex;justify-content:space-between;padding-top:13px;color:#707689;font-size:7px;letter-spacing:.08em}@keyframes progress{from{width:10%}to{width:88%}}
@media(max-width:900px){.page-shell{padding:24px 26px 20px}.workbench{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:28px}h1{font-size:65px}.lower-deck{gap:25px}.obs-steps ol{gap:7px}}
@media(max-width:700px){.page-shell{padding:19px 18px}.masthead{height:32px}.workbench{grid-template-columns:1fr;gap:22px;padding:22px 0 18px}.eyebrow{font-size:7px}h1{font-size:64px;margin-top:11px}.lede{max-width:520px;margin:14px 0 19px;font-size:10px}.preview-column{width:100%;max-width:480px;margin:0 auto}.preview-wall{aspect-ratio:1.12/1}.preview-wall iframe{transform:scale(.79)}.lower-deck{grid-template-columns:1fr;gap:18px;padding:14px 0}.command-list{gap:8px 14px}.obs-steps ol{gap:8px}.obs-steps li{max-width:34%}footer{font-size:6px}}
@media(max-width:390px){.page-shell{padding-right:14px;padding-left:14px}.badge{font-size:7px}.eyebrow span:last-child{letter-spacing:.05em}.input-line button{padding:0 9px;font-size:7px}.preview-wall iframe{transform:scale(.73)}.obs-steps li{font-size:6px}.command-list{font-size:7px}}

#channel-help[data-error=true]{color:#ff9286}