@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-family:JetBrains Mono,monospace;color:#fafaf9;background:transparent;font-synthesis:none;--accent:#9747ff }*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;width:100%}body{background:transparent}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes scene-in{0%{opacity:0}to{opacity:1}}@keyframes alert-in{0%{transform:translateY(-18px);opacity:0}8%,92%{transform:translateY(0);opacity:1}to{transform:translateY(-12px);opacity:0}}.logo{flex:none;display:inline-grid;place-items:center;color:#0a0a0a;background:#fafaf9}.scene-shell{position:relative;width:100vw;height:100vh;min-width:960px;min-height:540px;overflow:hidden;background:transparent}.scene-background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:#0a0a0a;background-image:linear-gradient(rgba(250,250,249,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(250,250,249,.055) 1px,transparent 1px),linear-gradient(rgba(250,250,249,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(250,250,249,.02) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px}.drawing-border{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border:1px solid rgba(250,250,249,.22);pointer-events:none;z-index:2}.cross{position:absolute;top:22px;width:24px;height:24px;z-index:3}.cross:before,.cross:after{content:"";position:absolute;background:#fafaf980}.cross:before{top:22px;width:24px;height:1px}.cross:after{left:22px;width:1px;height:24px}.cross--tl{left:22px}.cross--tr{right:22px;transform:scaleX(-1)}.scene-content{position:absolute;top:28px;right:28px;bottom:28px;left:28px;animation:scene-in .3s ease both}.hero{position:absolute;left:64px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:28px;max-width:1180px}.eyebrow{display:flex;align-items:center;gap:14px;font-size:15px;color:#57534e;letter-spacing:.1em}.hero h1{margin:0;font:700 8.3vw/.86 Space Grotesk,sans-serif;letter-spacing:-.04em;text-transform:uppercase}.hero h1 em{color:var(--accent);font-style:normal}.hero>p{margin:0;max-width:800px;color:#a8a29e;font-size:17px;line-height:1.6}.hero code{border:1px solid rgba(250,250,249,.2);padding:13px 18px;font:16px JetBrains Mono,monospace}.hero code span{color:#57534e}.hero code i,.loading i{display:inline-block;width:10px;height:19px;margin-left:10px;vertical-align:middle;background:var(--accent);animation:blink .9s step-end infinite}.dimension{width:520px;display:flex;align-items:center;color:#fafaf980}.dimension i{flex:1;height:1px;background:currentColor}.dimension span{padding:0 12px;color:#a8a29e;font-size:13px;letter-spacing:.12em}.revision{position:absolute;right:42px;top:42px;text-align:right;font-size:12px;color:#57534e;line-height:1.8;letter-spacing:.06em;display:flex;flex-direction:column}.revision b{color:var(--accent);font-weight:400}.intro-panel{will-change:transform,opacity,filter;transform:translateY(-50%)}.intro-warp{position:absolute;z-index:5;top:14%;right:-10%;bottom:14%;left:-10%;pointer-events:none;transform-origin:center;background:repeating-linear-gradient(0deg,transparent 0 22px,color-mix(in srgb,var(--accent) 30%,transparent) 23px,transparent 24px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 72%,transparent 100%);mix-blend-mode:screen}.boot-status{width:650px;display:flex;flex-direction:column;gap:10px}.boot-status>div:first-child{display:flex;justify-content:space-between;color:#78716c;font-size:12px;letter-spacing:.12em}.boot-status b{color:var(--accent);font-weight:500}.countdown{margin-left:12px;color:#fafaf9;font-size:15px;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums}.boot-progress{width:100%;height:2px;overflow:hidden;background:#292524}.boot-progress i{display:block;width:100%;height:100%;transform-origin:left;background:var(--accent)}.boot-status small{color:#57534e;font-size:11px;letter-spacing:.05em}.cycle-indicator{position:absolute;left:64px;bottom:36px;display:flex;gap:7px}.cycle-indicator span{width:38px;height:2px;background:#292524;transition:background .35s ease}.cycle-indicator span.active{background:var(--accent)}@media (prefers-reduced-motion:reduce){.intro-warp,.cycle-indicator{display:none}}.fullcam-wrap{position:absolute;left:50%;top:50%;width:calc(100% - 264px);aspect-ratio:16 / 9;transform:translate(-50%,-50%)}.source-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px dashed rgba(250,250,249,.48);background:transparent;overflow:hidden}.source-frame--guide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0d0d0d;background-image:repeating-linear-gradient(135deg,rgba(250,250,249,.04) 0 2px,transparent 2px 11px)}.source-frame--guide.source-frame--camera:after{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:200;color:#fafaf947}.source-label{position:absolute;z-index:2;left:14px;top:12px;display:flex;align-items:center;gap:9px;padding:7px 10px;color:#fff;background:#050505db;border:1px solid rgba(255,255,255,.18);box-shadow:0 3px 14px #0000006b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;font-weight:500;letter-spacing:.06em;text-shadow:0 1px 2px #000}.source-label i{width:7px;height:7px;flex:none;border-radius:50%;box-shadow:0 0 8px currentColor}.source-placeholder{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#fafaf961;letter-spacing:.25em;white-space:nowrap}.source-placeholder b{font-size:14px;font-weight:400}.source-placeholder small{color:#fafaf940;letter-spacing:0}.source-handle{position:absolute;z-index:2;left:14px;bottom:12px;padding:6px 9px;color:#fff;background:#050505d1;border:1px solid rgba(255,255,255,.15);box-shadow:0 3px 12px #00000061;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;font-weight:500;text-shadow:0 1px 2px #000}.ratio-label{position:absolute;z-index:3;left:50%;top:-28px;transform:translate(-50%);color:#a8a29e;font-size:12px;letter-spacing:.1em}.rec{position:absolute;z-index:3;right:14px;top:14px;display:flex;gap:8px;color:#ff5b52;font-size:12px;letter-spacing:.16em}.rec i{width:9px;height:9px;background:#ff3b30;animation:blink 1.2s step-end infinite}.screen-layout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1408px 392px;justify-content:center;align-items:center;gap:20px}.screen-layout--wide{grid-template-columns:1fr}.screen-stack{position:relative;justify-self:center;width:1408px;aspect-ratio:16 / 9}.screen-layout--wide .screen-stack{width:min(100%,calc((100vh - 56px) * 16 / 9))}.floating-camera{position:absolute;z-index:3;right:20px;bottom:20px;width:360px;aspect-ratio:16 / 9}.example-chat-slot{position:relative;height:100%}.source-frame--compact .source-placeholder{font-size:10px}.chat-panel{height:100%;border:1.5px dashed rgba(250,250,249,.4);background:#0a0a0aa6;display:flex;flex-direction:column;overflow:hidden}.chat-panel header,.chat-panel footer{flex:none;height:40px;padding:0 14px;display:flex;align-items:center;gap:9px;font-size:12px;border-bottom:1px solid rgba(250,250,249,.16);letter-spacing:.1em}.chat-panel header i{width:7px;height:7px;border-radius:50%}.chat-panel header span{margin-left:auto;color:#57534e;letter-spacing:0}.chat-panel footer{border:0;border-top:1px solid rgba(250,250,249,.16);color:#57534e;letter-spacing:0}.chat-messages{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:13px;padding:18px 16px}.chat-messages p{display:flex;align-items:baseline;gap:8px;margin:0;font-size:14px;line-height:1.35}.chat-messages b{font-size:13px;font-weight:500;white-space:nowrap}.chat-messages span{color:#d4d4d4}.alert-layer{position:absolute;z-index:60;top:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}.alert-placement-guide{width:560px;min-height:76px;padding:15px 20px;display:flex;flex-direction:column;justify-content:center;gap:7px;color:#fafaf9;background:#050505c7;border:1px dashed rgba(250,250,249,.48);box-shadow:4px 4px #00000080;text-align:center;pointer-events:none}.alert-placement-guide b{font-size:11px;letter-spacing:.08em}.alert-placement-guide span{color:#78716c;font-size:9px;letter-spacing:.14em}.alert{display:flex;min-width:560px;background:#080808f5;border:1px solid;box-shadow:6px 6px #00000080;animation:alert-in 6.5s ease both}.alert-icon{display:grid;place-items:center;padding:0 20px}.alert-icon .logo{background:transparent}.alert>div:last-child{padding:15px 24px}.alert strong{font-size:12px;letter-spacing:.24em}.alert p{margin:5px 0 0;font:22px/1.1 Space Grotesk,sans-serif;color:#a8a29e}.alert p b{color:#fafaf9}.simple-hero h1{font-size:10vw}.loading{display:flex;align-items:center;gap:14px;color:#57534e;font-size:17px}.loading b{color:var(--accent);letter-spacing:.05em}.ending-hero{max-width:940px}.ending-hero h1{font-size:7.4vw}.follow{display:flex;align-items:center;gap:12px;padding:15px 24px;color:#0a0a0a;background:#fafaf9;font-size:15px}.follow b{font:700 24px Space Grotesk,sans-serif}.lineup{position:absolute;width:440px;right:50px;top:50%;transform:translateY(-50%);border:1px solid rgba(250,250,249,.22);background:#0a0a0a8c}.lineup header,.lineup p{height:56px;margin:0;display:grid;grid-template-columns:56px 1fr 150px;border-bottom:1px solid rgba(250,250,249,.1)}.lineup header{height:34px;color:#57534e;font-size:11px;letter-spacing:.08em}.lineup span,.lineup b{display:flex;align-items:center;padding:0 14px;border-right:1px solid rgba(250,250,249,.1)}.lineup p span{color:#a8a29e;font-size:11px}.lineup p b{font:700 18px Space Grotesk,sans-serif}.component-canvas{position:fixed;top:0;right:0;bottom:0;left:0;min-width:0;transform:none}.chat-panel.component-canvas{width:392px;left:auto}.source-frame.component-canvas{background:transparent}.alert-layer.component-canvas{padding-top:52px;display:flex;align-items:center;justify-content:flex-start;background:transparent}.canvas-dimensions,.layout-dimensions{position:absolute;z-index:90;padding:6px 9px;color:#0a0a0a;background:#fafaf9;border:1px solid #0a0a0a;box-shadow:3px 3px #000000b3;font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap;pointer-events:none}.canvas-dimensions{right:28px;bottom:18px}.layout-dimensions{right:12px;top:12px}.layout-dimensions--bottom{top:auto;right:12px;bottom:12px}.dashboard{min-height:100vh;padding:0 42px 60px;color:#e7e5e4;background:#080808;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}.dashboard-header{height:76px;border-bottom:1px solid #252525;display:flex;justify-content:space-between;align-items:center;gap:28px}.dashboard-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.dashboard-brand span{display:flex;flex-direction:column}.dashboard-header b{font:600 15px Space Grotesk,sans-serif}.dashboard-header small{color:#68635f;font-size:10px;margin-top:3px}.status-chip{display:flex;align-items:center;gap:8px;border:1px solid #272727;padding:8px 12px;font-size:10px;color:#8e8984}.status-chip i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}.dashboard-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:64px 0 50px}.kicker{color:#9747ff;font-size:10px;letter-spacing:.16em}.dashboard-intro h1{margin:12px 0 0;font:700 clamp(50px,6vw,86px)/.88 "Space Grotesk",sans-serif;letter-spacing:-.04em;text-transform:uppercase}.dashboard-intro>p{max-width:520px;margin:0 0 5px;color:#77716c;font:15px/1.7 Space Grotesk,sans-serif}.utils-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1050px}.utils-screen-card{min-height:220px;padding:24px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:1fr auto;color:#e7e5e4;background:#0c0c0ceb;border:1px solid #282828;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.utils-screen-card:hover{border-color:#67409b;transform:translateY(-2px)}.utils-screen-card>span{color:#56514e;font-size:11px}.utils-screen-card h2{margin:0 0 10px;font:600 32px Space Grotesk,sans-serif}.utils-screen-card p{max-width:340px;margin:0;color:#77716c;font:14px/1.6 Space Grotesk,sans-serif}.utils-screen-card>b{grid-column:2;color:#b389ff;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.configuration-content{width:min(760px,100%);max-width:760px}.dashboard-grid{display:grid;grid-template-columns:minmax(600px,1.45fr) minmax(390px,1fr);gap:18px;max-width:1500px}.dashboard-grid--test{grid-template-columns:minmax(600px,1.45fr) minmax(300px,.75fr)}.panel{border:1px solid #282828;background:#0c0c0ceb}.panel>header{height:77px;display:flex;align-items:center;border-bottom:1px solid #282828}.panel>header>span{height:100%;width:62px;display:grid;place-items:center;color:#4c4845;border-right:1px solid #282828;font-size:11px}.panel>header>div{padding-left:20px}.panel h2{margin:0;font:600 17px Space Grotesk,sans-serif}.panel header p{margin:5px 0 0;color:#5f5b57;font-size:10px}.settings-panel form{padding:20px;display:flex;flex-direction:column;gap:16px}.settings-panel label{display:flex;flex-direction:column;gap:7px;color:#827c77;font-size:10px}.settings-panel input,.chat-form input{min-width:0;height:40px;padding:0 12px;color:#e7e5e4;background:#0a0a0a;border:1px solid #302e2c;outline:0}.settings-panel input:focus,.chat-form input:focus{border-color:#9747ff}.settings-panel input[type=color]{width:100%;padding:5px}.settings-panel label small{color:#514d49;line-height:1.5}.field-row{display:grid;grid-template-columns:1fr 100px;gap:12px}.toggles{display:flex;gap:22px}.toggles label{flex-direction:row;align-items:center}.toggles input{width:14px;height:14px;accent-color:#9747ff}.primary{height:43px;border:0;color:#090909;background:#9747ff;font-weight:700;font-size:11px}.events-panel{min-height:330px}.event-group{padding-bottom:20px;border-bottom:1px solid #202020}.event-group h3{margin:22px 18px 12px;font-size:9px;color:#56514e;letter-spacing:.14em}.chat-form{display:grid;grid-template-columns:145px 1fr 90px;gap:8px;padding:0 18px}.chat-form button,.alert-buttons button{color:#c4bfbb;background:#111;border:1px solid #302e2c;font-size:10px}.quiet{margin:10px 18px 0;padding:0;color:#55514e;background:none;border:0;font-size:9px}.alert-buttons{display:flex;gap:8px;padding:0 18px}.alert-buttons button{flex:1;height:42px}.alert-buttons button:nth-child(1){color:#b389ff;border-color:#4b277a}.alert-buttons button:nth-child(2){color:#4ade80;border-color:#185b30}.alert-buttons button:nth-child(3){color:#fb923c;border-color:#71330f}.obs-panel{padding:28px 30px}.obs-panel h2{margin:10px 0 20px;font-size:24px}.obs-panel ol{margin:0;padding-left:23px;color:#88827d;font:13px/2.2 Space Grotesk,sans-serif}.obs-panel code{color:#c4bfbb}.obs-panel>p{margin:20px 0 0;padding-top:18px;border-top:1px solid #272727;color:#5f5a56;font:12px/1.6 Space Grotesk,sans-serif}.test-context{align-self:start}.test-context dl{margin:0 0 26px}.test-context dl div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #272727;font-size:11px}.test-context dt{color:#5f5a56}.test-context dd{margin:0;color:#c4bfbb;text-align:right}.timer-controls{display:flex;align-items:center;gap:10px;padding:0 18px}.timer-controls>strong{min-width:70px;color:#fafaf9;font:700 22px Space Grotesk,sans-serif}.timer-controls>strong small{margin-left:5px;color:#57534e;font:9px JetBrains Mono,monospace}.timer-controls button{height:38px;padding:0 14px;color:#b389ff;background:transparent;border:1px solid #4b277a;font-size:10px}.timer-controls .quiet{margin:0;color:#57534e;border-color:#292524}.component-links{flex-wrap:wrap}.component-links a{padding:8px 12px;color:#77716c;background:transparent;border:1px solid #292929;font-size:10px;text-decoration:none}.component-links a:hover{color:#b389ff;border-color:#4b277a}.import-success{margin:0 0 14px;padding:12px 14px;color:#86efac;background:#07140b;border:1px solid #185b30;font-size:10px;line-height:1.5}@media (max-width:1000px){.dashboard{padding:0 20px 40px}.dashboard-header{gap:12px}.status-chip{display:none}.dashboard-intro{align-items:flex-start;flex-direction:column;gap:28px}.utils-screen-grid,.dashboard-grid,.dashboard-grid--test{grid-template-columns:1fr}.scene-shell{transform-origin:top left}.lineup{display:none}}