:root{color-scheme:dark;--bg:#0b0e17;--panel:#131824;--line:#293043;--muted:#8994ac;--cyan:#77ece5;--violet:#a997ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f2f5fb;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.glow{position:absolute;top:0;right:0;width:65%;height:530px;background:radial-gradient(ellipse at top right,#33316645,transparent 65%);pointer-events:none}header{height:104px;max-width:1340px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #202637}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted)}.logo{border:1px solid #596078;border-radius:12px;padding:9px;font-size:21px;letter-spacing:-3px;color:var(--cyan)}.logo span{color:var(--violet)}.owner{color:var(--muted);font-size:10px;letter-spacing:2px;display:flex;gap:20px;align-items:center}main{max-width:1340px;padding:44px 40px 70px;margin:auto}#login{max-width:800px;padding-top:70px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--cyan)}h1{font-size:46px;letter-spacing:-2px;line-height:1.12;margin:12px 0 16px}#login h1{font-size:64px}#login h1 span{color:var(--violet)}p{color:var(--muted);margin:8px 0 20px}.intro{max-width:440px;font-size:17px}.login-card{max-width:420px;margin-top:30px;display:grid;gap:12px}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.topline h1{margin-top:12px}.topline p{margin-bottom:0}.dot{color:var(--cyan)}.status{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 9px;font-size:11px;letter-spacing:2px;background:#131824;border:1px solid var(--line);padding:14px 20px;border-radius:12px}.status i{background:#6b758b;width:7px;height:7px;border-radius:100%}.status small{grid-column:1/3;letter-spacing:0;margin-top:5px;font-size:11px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.left{display:grid;gap:24px}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#171d2a,#111722);padding:27px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.number{font:11px monospace;color:var(--cyan);border:1px solid #324b51;border-radius:6px;padding:4px 7px}h2{font-size:18px;letter-spacing:-.5px;margin:0}.badge{margin-left:auto;font-size:8px;letter-spacing:1.3px;color:#a4aec3;background:#252c3b;padding:5px 8px;border-radius:4px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs button{background:none;border:0;border-radius:0;color:var(--muted);padding:0 0 12px;font-size:13px}.tabs .active{color:var(--cyan);border-bottom:2px solid var(--cyan)}label{display:block;font-size:12px;color:#bfc8d9;margin-bottom:8px}input,select{width:100%;background:#0d1320;border:1px solid #313a4e;border-radius:8px;padding:12px;color:#eef3fc;outline:none;font:13px system-ui}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #77ece513}input::placeholder{color:#5f6c85}button{font:600 12px system-ui;cursor:pointer;padding:12px 16px;border:1px solid var(--line);border-radius:8px;color:#e7edf7;background:#1b2231;white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.12)}.primary{background:var(--cyan);color:#10282b;border:0;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:15px 18px}.primary span{font-size:20px}.secondary{background:#252e42;border-color:#39445d}.input-row{display:flex;gap:10px}small{color:var(--muted);font-size:11px;line-height:1.6}form small{display:block;margin-top:8px}.job{font-size:11px;color:var(--cyan);border-top:1px solid var(--line);margin:20px 0;padding-top:14px;overflow-wrap:anywhere}.video-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-top:10px}.section-help{font-size:12px;max-width:560px}.destination{padding:18px 0;border-top:1px solid var(--line)}.dest-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.platform-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;font-size:15px;font-weight:900;background:#243644;color:var(--cyan)}.platform-icon.kick{background:#25362b;color:#67ff85}.platform-icon.facebook{background:#1e3153;color:#8cb4ff}.platform-icon.youtube{background:#40212e;color:#ff7e97}.dest-head strong{font-size:13px}.dest-status{font-size:10px;color:var(--muted);margin-left:5px}.toggle{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:11px;margin-bottom:0}.toggle input{width:15px;accent-color:var(--cyan)}.dest-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dest-fields label{font-size:10px}.dest-fields input{font-size:11px}.key-note{display:block;margin-top:12px}.broadcast{position:sticky;top:22px;padding:26px}.broadcast h2{font-size:27px;margin:12px 0}.broadcast p{font-size:12px}.output{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.output>span{display:block;font-size:9px;color:var(--muted);letter-spacing:2px}.output strong{display:block;font-size:24px;margin:4px 0}.output em{font-weight:400;font-style:normal;color:#4e5a72;padding:0 5px}.replay{display:flex;gap:13px;align-items:center;padding:22px 0}.replay>span{color:var(--violet);font-size:25px}.replay strong,.replay small{display:block;font-size:11px}.broadcast button{width:100%;margin-bottom:10px}.danger{background:transparent;color:#efa4b5;border-color:#553442}.footnote{display:block;margin-top:15px;font-size:10px}.tip{display:flex;gap:13px;padding:22px 7px;font-size:12px}.tip>span{color:var(--violet);font-size:23px}.tip p{font-size:11px;line-height:1.7;margin-top:6px}.tip strong{font-size:11px}aside{position:relative}footer{border-top:1px solid #202637;max-width:1260px;margin:auto;padding:25px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#65718a}footer i{font-size:8px;color:var(--cyan);padding-left:8px}.drop{border:1px dashed #46516b;background:#0e1523;border-radius:10px;padding:24px;text-align:center;cursor:pointer}.drop strong,.drop small{display:block}.drop input{margin-top:16px}.upload-icon{display:block;color:var(--cyan);font-size:25px}progress{width:100%;margin-top:15px;accent-color:var(--cyan)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#252f44;border:1px solid #5d6b89;border-radius:10px;box-shadow:0 8px 40px #0008;max-width:90vw;z-index:10;font-size:13px}#streamStates{font-size:11px;color:var(--cyan)}[hidden]{display:none!important}@media(max-width:900px){.layout{grid-template-columns:1fr}.broadcast{position:static}.topline{gap:20px}.status{flex-shrink:0}aside{display:grid;grid-template-columns:1fr}.owner{font-size:8px}footer{margin:0 25px}main{padding:35px 25px}header{padding:0 25px}.card{padding:22px}}@media(max-width:550px){header{height:85px}.owner{letter-spacing:1px}.brand{font-size:13px}.brand small{font-size:7px}.logo{font-size:17px}.topline{align-items:flex-start}h1{font-size:33px}.topline p{font-size:12px}.status{padding:10px;font-size:9px}.input-row{flex-direction:column}.dest-fields{grid-template-columns:1fr}.badge{font-size:7px}.section-title{gap:8px}h2{font-size:16px}#login h1{font-size:50px}footer{font-size:8px}.card{padding:18px}}
:root{--bg:#0b1120;--panel:#111c2d;--line:#29374b;--muted:#8096b5;--cyan:#a4e92c;--violet:#a4e92c}body{background:var(--bg);font-size:14px}.glow{display:none}header{position:fixed;left:0;top:0;bottom:0;width:225px;height:100vh;padding:30px 20px;display:block;background:#0d1727;border-right:1px solid var(--line);border-bottom:0;z-index:5}.brand{font-size:15px;letter-spacing:1.2px;gap:11px}.brand small{font-size:9px;letter-spacing:2px}.logo{background:var(--cyan);color:#15200b;border:0;border-radius:12px;font-size:20px}.logo span{color:#15200b}.owner{position:absolute;bottom:25px;left:20px;right:20px;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:9px;letter-spacing:1px}.owner button{background:transparent;border:0;padding:0;color:#b1c6e5}.sidebar-nav{margin-top:48px}.sidebar-nav small{font-size:9px;letter-spacing:1.5px}.sidebar-nav a{display:block;padding:12px;margin-top:12px;border-radius:8px;background:#a4e92c18;color:#c0f179;font-size:12px;font-weight:700;text-decoration:none}.workspace-bar{margin-left:225px;padding:25px 42px;border-bottom:1px solid var(--line);font-size:12px;color:#8ca5c8}.workspace-bar strong{font-weight:500;color:#d8e6fa}.workspace-bar span{float:right;font-size:10px;color:#bce886;background:#a4e92c12;border:1px solid #a4e92c26;border-radius:25px;padding:3px 12px;margin-top:-3px}main{margin-left:225px;max-width:none;padding:40px 42px 60px}h1{font-size:36px;letter-spacing:-1px;margin:12px 0}.eyebrow{font-size:10px;letter-spacing:2px}.topline{margin-bottom:30px}.topline p{font-size:13px}.card{background:#111c2d;border-radius:12px;padding:24px;box-shadow:none}.layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.left{gap:20px}.status{background:#a4e92c0b;border-color:#a4e92c25}.number{background:#a4e92c16;border:0;color:#bdf173;padding:8px;border-radius:8px}.badge{background:transparent;color:#8299b8}.tabs{gap:22px}.tabs button{font-size:12px}.primary{background:#a4e92c;color:#17230b}.secondary{background:#283a27;border-color:#405a2c;color:#c8ec99}input,select{background:#0b1424;border-color:#2c3c52;border-radius:8px}.broadcast h2{font-size:24px}.broadcast{top:20px}.platform-icon{border-radius:8px}.drop{background:#0b1424;border-color:#36465e}.output strong{font-size:26px}.key-note,.footnote{line-height:1.8}footer{margin-left:267px;margin-right:42px;font-size:8px}.tip{padding-top:24px}#login{max-width:850px;padding-top:70px}#login h1{font-size:52px}.login-card{margin-top:32px}.status small{letter-spacing:0}.dot{display:none}@media(min-width:1500px){main{max-width:1400px}.layout{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1050px){header{width:190px;padding-left:15px;padding-right:15px}main,.workspace-bar{margin-left:190px;padding-left:25px;padding-right:25px}.layout{grid-template-columns:1fr}.broadcast{position:static}footer{margin-left:215px;margin-right:25px}}@media(max-width:650px){header{position:relative;width:100%;height:auto;display:flex;padding:20px;border-right:0;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between}.sidebar-nav{display:none}.owner{position:static;border:0;padding:0;display:block;font-size:0}.owner button{font-size:11px}.workspace-bar{margin-left:0;padding:17px 20px}main,#login{margin-left:0;padding:30px 20px}.topline{gap:10px}h1{font-size:30px}.card{padding:18px}footer{margin:0 20px}.status{padding:9px}.workspace-bar span{font-size:9px}#login h1{font-size:42px}}
/* Shared PC Forge workspace styling */
:root{--bg:#0b1120;--panel:#111b2c;--line:#293449;--muted:#8e9bb0;--cyan:#a3e635;--violet:#a3e635;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e5eaf3}body{font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e5eaf3;background:#0b1120}header{width:225px;background:#0c1424;border-color:#202c40;padding:31px 20px}.brand{font-size:14px;font-weight:750;letter-spacing:1.5px;gap:11px}.brand small{color:#8291a8;font-size:9px;letter-spacing:2px;margin-top:5px}.logo{width:39px;height:39px;display:grid;place-items:center;font-size:28px;font-weight:500;letter-spacing:0;padding:0;border-radius:11px;background:#a3e635;color:#152009}.sidebar-nav{margin-top:49px}.sidebar-nav>small{display:block;margin:0 12px 14px;font-size:9px;letter-spacing:1.5px;color:#687b96}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:13px 12px;font-size:12px;border-radius:8px;margin:0 0 6px;background:transparent;color:#8e9bb0;font-weight:650}.sidebar-nav a:last-child{background:#1c2b2b;color:#c7ee96}.owner{bottom:25px;padding:15px 10px;border-top:1px solid #243045;font-size:11px;letter-spacing:0;color:#aab7ca;gap:0}.owner>span{color:#aab7ca}.owner p{font-size:11px;line-height:1.8;color:#708198;margin:12px 0 0}.workspace-bar{height:77px;padding:0 42px;display:flex;align-items:center;color:#8e9bb0;font-size:12px;border-color:#202c40;gap:4px}.workspace-bar strong{color:#e5eaf3}.workspace-bar button{margin-left:auto;background:transparent;border:0;color:#a6b3c6;padding:8px 10px;font-size:12px;font-weight:500}main{padding:44px 42px;max-width:1430px}h1{font-size:34px;font-weight:620;letter-spacing:-1.2px}h2{font-size:17px;font-weight:600}.topline{margin-bottom:33px}.topline h1{margin:0}.eyebrow{font-weight:650;margin-bottom:12px}.topline p{margin-top:12px;color:#8e9bb0}.card{background:#111b2c;border:1px solid #293449;border-radius:12px;padding:23px}.layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.number{background:#233629;color:#b9e792;width:37px;height:37px;display:grid;place-items:center;font-size:12px}.primary{background:#a3e635;color:#152009;font-weight:650;border-radius:8px}.secondary{background:#27364e;color:#dce7f7;border:0}.status{border:1px solid #304336;background:#16251e;color:#b6d99d;border-radius:12px}input,select{background:#0b1323;color:#e5eaf3;border:1px solid #2b374b;padding:13px 15px}input::placeholder{color:#718198}footer{font-size:9px;letter-spacing:0;color:#667b98;margin-top:26px;padding:0;border:0}.broadcast h2{font-weight:600}.tip strong{font-weight:600}@media(min-width:1500px){main{padding-top:60px}.layout{grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:1100px) and (min-width:701px){header{width:180px;padding:30px 12px}main,.workspace-bar{margin-left:180px}main{padding:30px 24px}.workspace-bar{padding:0 24px}.layout{grid-template-columns:1fr}footer{margin-left:204px}}@media(max-width:700px){header{position:relative;width:100%;padding:20px;height:auto}.sidebar-nav{display:flex;gap:8px;margin-top:18px;width:100%}.sidebar-nav>small{display:none}.sidebar-nav a{font-size:11px;padding:9px}header{display:block}.owner{display:none}.workspace-bar{margin-left:0;height:50px;padding:0 20px}.workspace-bar button{display:block}main{margin-left:0;padding:28px 18px}h1{font-size:27px}.layout{grid-template-columns:1fr}.brand{font-size:12px}.logo{width:32px;height:32px;font-size:23px}footer{margin:26px 18px}.card{padding:19px}}
.output-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.output-checks{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.output-checks label{display:flex;gap:8px;align-items:center}.output-checks input{width:16px;accent-color:#a3e635}.preview-actions{display:flex;gap:15px;align-items:center;margin-top:20px}.preview-actions span{font-size:11px;color:#8e9bb0}#canvasPreview{display:block;max-width:100%;max-height:400px;margin:20px auto 0;border:1px solid #293449;border-radius:8px;background:#000}select{font-family:inherit}input:disabled,select:disabled{opacity:.5}@media(max-width:600px){.output-fields{grid-template-columns:1fr}.preview-actions{align-items:stretch;flex-direction:column}}