@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#10120f;--panel:#171a16;--panel-2:#1b1e1a;--line:#2a2d27;--text:#f2f1e9;--muted:#92958b;--lime:#c6f277;--lime-dim:#96bb52;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;min-height:100vh}.shell{display:flex;min-height:100vh}.rail{width:226px;flex-shrink:0;border-right:1px solid var(--line);padding:30px 15px 18px;display:flex;flex-direction:column;background:#131511}.brand{display:flex;align-items:center;gap:10px;padding:0 11px 48px;color:var(--text);font-family:var(--display);font-size:16px;font-weight:800;letter-spacing:-.6px;text-decoration:none}.brand-mark{width:27px;height:27px;display:grid;place-items:center;background:var(--lime);color:#1c2411;border-radius:8px;font-size:16px;font-weight:800}.brand-dot{color:var(--lime)}.rail-label,.card-label{color:#70746b;font:10px var(--mono);letter-spacing:1.3px;padding:0 12px 12px}.rail-link{height:42px;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#a6a99f;text-decoration:none;font-size:13px;margin:2px 0}.rail-link:hover,.rail-link.active{background:#22251f;color:var(--text)}.rail-link.active{box-shadow:inset 2px 0 var(--lime)}.rail-icon{width:17px;font-size:16px;color:var(--lime)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:auto}.rail-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 6px 2px;display:flex;align-items:center;gap:10px}.avatar{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;background:#424b35;color:var(--lime);font-weight:700}.account{display:flex;flex-direction:column;gap:3px}.account b{font-size:12px;font-weight:600}.account small{font-size:10px;color:#777a71}.dots{margin-left:auto;color:#85897f;font-size:20px;letter-spacing:2px}.main{flex:1;min-width:0}.topbar{height:68px;padding:0 4.6%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumbs{font-size:12px;color:#888c82}.breadcrumbs span{padding:0 9px;color:#54584f}.breadcrumbs a{color:#bbbeb5;text-decoration:none}.top-actions{display:flex;align-items:center;gap:18px}.secure{font:9px var(--mono);letter-spacing:.8px;color:#92968b}.secure i,.status-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px;vertical-align:1px}.icon-button{background:none;border:0;color:#7c8076;font-size:19px;letter-spacing:2px}.content{max-width:1250px;margin:0 auto;padding:54px 5% 26px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--lime);font:10px var(--mono);letter-spacing:1px}.eyebrow-line{height:1px;width:19px;background:var(--lime)}.eyebrow-version{color:#70746b;margin-left:auto}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;margin:23px 0 35px}h1{font:600 54px/.99 var(--display);letter-spacing:-2.9px;margin:0;color:#f0efe7}h1 em{font-style:normal;color:var(--lime)}.subtitle{color:#999c92;font-size:13px;margin:17px 0 0}.status-pill{font:9px var(--mono);letter-spacing:.7px;color:#a4a79d;border:1px solid #34382f;border-radius:4px;padding:9px 11px;margin-bottom:3px}.status-pill i{background:#747a68}.status-pill i.active-dot{background:var(--lime);box-shadow:0 0 7px #c6f27788}.idle-dot{background:#e0ac65!important}.camera-layout,.roblox-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.preview-card,.info-card,.tip-card{border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.preview-top,.preview-bottom{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.preview-top{border-bottom:1px solid var(--line)}.preview-name{font:9px var(--mono);letter-spacing:.8px;color:#ced0c8}.rec-dot,.source-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b5bf9c;margin-right:7px}.rec-dot.on{background:#ef6d5c;box-shadow:0 0 7px #ef6d5c77}.preview-resolution{font:9px var(--mono);letter-spacing:.5px;color:#777b71}.preview-stage{position:relative;aspect-ratio:16/9;background:#0d0f0c;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-stage:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.preview-stage video{display:none;position:absolute;width:100%;height:100%;object-fit:cover;z-index:1}.preview-stage video.visible{display:block}.empty-state,.roblox-empty{z-index:2;display:flex;align-items:center;flex-direction:column;text-align:center;position:relative}.camera-glyph{width:58px;height:58px;border-radius:17px;background:#1a1d17;border:1px solid #30352a;display:grid;place-items:center;margin-bottom:18px}.camera-glyph svg{width:33px;stroke:var(--lime);stroke-width:2;stroke-linejoin:round}.empty-title{font:600 14px var(--display);color:#e8e9df}.empty-copy{max-width:295px;color:#7f8379;font-size:11px;line-height:1.65;margin:7px 0 17px}.button{border:0;border-radius:5px;display:flex;align-items:center;gap:9px;padding:11px 16px;font:600 11px var(--sans);cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--lime);color:#192012}.button.primary:hover{background:#d4ff8d}.button-icon{font-size:14px}.stage-corner{position:absolute;width:12px;height:12px;border-color:#636a55;border-style:solid;z-index:2;opacity:.65}.corner-tl{top:14px;left:14px;border-width:1px 0 0 1px}.corner-tr{top:14px;right:14px;border-width:1px 1px 0 0}.corner-bl{bottom:14px;left:14px;border-width:0 0 1px 1px}.corner-br{bottom:14px;right:14px;border-width:0 1px 1px 0}.stage-overlay{display:none;position:absolute;z-index:3;left:24px;right:24px;top:20px;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;color:#fff;text-shadow:0 1px 4px #000}.stage-overlay.visible{display:flex}.preview-bottom{border-top:1px solid var(--line);height:39px;color:#74796f;font:9px var(--mono);letter-spacing:.5px}.preview-bottom>span:first-child{color:#a5a99e}.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:7px}.side-column{display:flex;flex-direction:column;gap:12px}.info-card{padding:19px 17px 16px}.info-card .card-label{padding:0;color:#73776d;font-size:9px}.session-icon{margin:22px 0 14px;width:35px;height:35px;display:grid;place-items:center;color:var(--lime);background:#252c1d;border:1px solid #343d29;border-radius:10px;font-size:19px}.info-card h3{font:600 17px/1.35 var(--display);letter-spacing:-.4px;margin:0;color:#e7e8df}.info-card p,.tip-card p{font-size:10px;line-height:1.65;color:#888c82;margin:9px 0 0}.card-rule{height:1px;background:var(--line);margin:17px 0 14px}.privacy-row{display:flex;align-items:center;gap:9px;color:#aaaDA3;font-size:10px;margin:11px 0}.privacy-check{width:14px;height:14px;border-radius:50%;background:#29321e;color:var(--lime);display:grid;place-items:center;font-size:9px}.tip-card{padding:13px 14px;display:flex;gap:11px;align-items:flex-start;background:#191b17}.tip-icon{color:var(--lime);font-size:15px}.tip-card b{font:600 10px var(--sans);color:#c8cbbf}.tip-card p{margin-top:4px;font-size:9px}.tip-card a{color:var(--lime);text-decoration:none}.page-footer{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#6c7066;font:9px var(--mono);letter-spacing:.75px}.page-footer a{color:#9da194;text-decoration:none;letter-spacing:0;font:10px var(--sans)}.page-footer a span{color:var(--lime);padding-left:4px}.footer-sep{color:#484c44;padding:0 5px}.video-controls{display:none;position:absolute;z-index:4;right:16px;bottom:15px;gap:7px}.video-controls.visible{display:flex}.control-button{width:32px;height:32px;border:1px solid #ffffff42;background:#0e100caa;color:white;border-radius:6px;cursor:pointer;font-size:15px;backdrop-filter:blur(8px)}.toast{display:none;position:absolute;z-index:5;bottom:15px;left:50%;transform:translateX(-50%);background:#272b22;border:1px solid #42483a;color:#e2e5d7;padding:9px 13px;border-radius:5px;font-size:10px;max-width:90%}.toast.visible{display:block}.roblox-layout .preview-stage{min-height:380px;aspect-ratio:auto}.roblox-empty{max-width:360px;padding:30px 20px}.roblox-mark{width:50px;height:50px;display:grid;place-items:center;background:#25281f;border:1px solid #383d30;border-radius:14px;color:var(--lime);font:800 23px var(--display);margin-bottom:17px}.roblox-empty .empty-copy{max-width:320px}.roblox-empty .button{margin-bottom:18px}.source-dot{background:#c39a62}.select-wrap{position:relative;width:245px;text-align:left}.select-wrap>span:first-child{display:block;color:#82867b;font:8px var(--mono);letter-spacing:.8px;margin-bottom:6px}.select-wrap select{appearance:none;width:100%;height:36px;background:#1a1d17;border:1px solid #393d34;border-radius:5px;color:#bfc2b8;font:10px var(--sans);padding:0 29px 0 10px;outline:none}.select-wrap select:focus{border-color:var(--lime-dim)}.select-chevron{position:absolute;right:11px;bottom:8px;color:#8b8f83;pointer-events:none}.roblox-session{font-size:22px}.step-row{display:flex;gap:11px;align-items:flex-start;margin:13px 0;color:#9da095;font-size:10px;line-height:1.55}.step-row>span:first-child{font:9px var(--mono);color:var(--lime);padding-top:1px}.roblox-stage #camera{z-index:1}.roblox-stage:has(video.visible) .roblox-empty{display:none}@media(max-width:900px){.rail{width:190px}.camera-layout,.roblox-layout{grid-template-columns:minmax(0,1fr) 220px}.content{padding-left:4%;padding-right:4%}h1{font-size:48px}}@media(max-width:700px){.rail{width:60px;padding:22px 8px 14px;align-items:center}.brand{padding:0 0 42px}.brand>span:not(.brand-mark),.rail-label,.rail-link:not(.active){display:none}.rail-link{width:42px;justify-content:center;padding:0}.rail-link.active{font-size:0}.rail-icon{font-size:17px;margin:0}.rail-link .live-dot{display:none}.rail-bottom{padding:14px 0 0;flex-direction:column}.account,.dots{display:none}.topbar{height:56px;padding:0 16px}.secure{font-size:8px}.content{padding:36px 18px 22px}.heading-row{align-items:flex-start;margin:20px 0 25px;gap:10px;flex-direction:column}h1{font-size:43px}.subtitle{font-size:12px;max-width:330px}.status-pill{margin:0}.camera-layout,.roblox-layout{grid-template-columns:1fr}.preview-stage{aspect-ratio:4/3}.side-column{display:grid;grid-template-columns:1fr 1fr}.roblox-layout .preview-stage{min-height:340px}.page-footer{font-size:8px}.page-footer a{font-size:9px}}@media(max-width:430px){.side-column{grid-template-columns:1fr}.eyebrow-version{font-size:8px}.preview-top,.preview-bottom{padding:0 10px}.preview-resolution{font-size:8px}.empty-copy{max-width:240px}.select-wrap{width:220px}}