@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090b12;--panel:rgba(17,21,33,.86);--line:rgba(255,255,255,.09);--text:#f4f6fb;--muted:#9299aa;--accent:#b6ff52;--accent2:#8a6cff;--danger:#ff6b7d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',sans-serif;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}.ambient{position:fixed;width:460px;height:460px;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none;z-index:-1}.ambient-one{background:#7454ff;top:-220px;left:-100px}.ambient-two{background:#b6ff52;right:-240px;top:500px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);background:rgba(9,11,18,.75);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);direction:ltr}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:#111;font:700 23px 'Space Grotesk';border-radius:11px;box-shadow:0 0 28px #b6ff5233}.brand strong,.brand small{display:block;font-family:'Space Grotesk';letter-spacing:.08em}.brand strong{font-size:13px}.brand small{font-size:9px;color:var(--muted);margin-top:2px;letter-spacing:.23em}.topbar-right{display:flex;align-items:center;gap:14px}.status-pill,.lock-mark,.coming-tag{font:600 10px 'Space Grotesk';letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);padding:8px 11px;border-radius:30px;display:flex;align-items:center;gap:7px}.status-pill i{width:7px;height:7px;border-radius:50%;background:#777}.status-pill.online i{background:var(--accent);box-shadow:0 0 10px var(--accent)}.icon-button{border:1px solid var(--line);background:#ffffff08;color:white;width:36px;height:36px;border-radius:10px;cursor:pointer}.shell{width:min(1180px,90vw);margin:auto}.hero{min-height:280px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:50px 0 35px}.eyebrow,.section-kicker{font:600 10px 'Space Grotesk';letter-spacing:.17em;color:var(--accent)}.eyebrow span{color:var(--accent2);padding:0 5px}.hero h1{font-size:clamp(29px,4.5vw,51px);line-height:1.28;max-width:700px;margin:15px 0 10px;font-weight:700}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy,.muted{color:var(--muted);font-size:13px;line-height:1.9}.hero-orb{width:160px;height:160px;border-radius:50%;border:1px solid #b6ff5233;display:grid;place-items:center;position:relative;margin-left:8%;box-shadow:0 0 70px #8a6cff16,inset 0 0 40px #b6ff5210;transform:rotate(-12deg)}.hero-orb:before,.hero-orb:after{content:"";position:absolute;inset:13px;border:1px solid #8a6cff55;border-radius:50%;transform:rotate(50deg) scaleX(1.35)}.hero-orb:after{transform:rotate(-50deg) scaleX(1.35);border-color:#b6ff5244}.hero-orb span{font:700 30px 'Space Grotesk';color:var(--accent);letter-spacing:-.08em}.hero-orb b{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:18px;right:24px;box-shadow:0 0 20px var(--accent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(16px);box-shadow:0 16px 50px #0002}.connect-card,.workspace-card,.roadmap{padding:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2,.roadmap h2{font-size:19px;margin:5px 0 0}.lock-mark{color:var(--accent);font-size:9px}.connect-fields{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:end;margin-top:18px}label{display:flex;flex-direction:column;gap:7px;color:#d8dbe5;font-size:12px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid var(--line);background:#090c14;color:var(--text);border-radius:10px;padding:12px 13px;outline:none;min-width:0;font-size:12px;direction:ltr;text-align:left}textarea{direction:rtl;text-align:right;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#b6ff5277;box-shadow:0 0 0 3px #b6ff5210}input::placeholder,textarea::placeholder{color:#596174}.primary-button{border:0;border-radius:10px;background:var(--accent);color:#10140b;padding:12px 17px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s;white-space:nowrap}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #b6ff5224}.primary-button:disabled{opacity:.5;cursor:wait;transform:none}.primary-button span{font-size:17px;margin-right:8px}.form-note{font-size:11px;color:var(--muted);margin:13px 0 0;min-height:18px}.form-note.error{color:var(--danger)}.form-note.success{color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:17px 0}.stat-card{padding:17px 20px;position:relative;min-height:125px}.stat-icon{color:var(--accent);font-size:19px}.stat-card p{font-size:11px;color:var(--muted);margin:7px 0 0}.stat-card strong{font:600 28px 'Space Grotesk';display:inline-block;margin-top:1px}.stat-card small{font:10px 'Space Grotesk';color:#626a7d;margin-right:8px;letter-spacing:.12em}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workspace-card{min-width:0}.subtle-button{background:#ffffff08;color:#c6cbd8;border:1px solid var(--line);padding:8px 11px;border-radius:9px;font-size:11px;cursor:pointer}.form-stack{display:flex;flex-direction:column;gap:12px;margin-top:20px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.optional{font-size:10px;color:#727b8d;margin-right:4px}fieldset{border:1px solid var(--line);border-radius:10px;padding:11px;margin:0}legend{font-size:11px;color:#d8dbe5;padding:0 5px}.platform-options{display:flex;gap:8px;flex-wrap:wrap}.check-option{flex-direction:row;align-items:center;background:#ffffff08;padding:8px 10px;border-radius:8px;font:11px 'Space Grotesk';direction:ltr}.check-option input{accent-color:var(--accent)}.full-button{width:100%;margin-top:2px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px;font-size:12px}.list-heading span{font-size:10px;color:var(--muted)}.data-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto}.empty-state{border:1px dashed var(--line);border-radius:10px;padding:20px;text-align:center;color:#727b8d;font-size:11px}.data-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ffffff06;border:1px solid #ffffff0a;border-radius:10px;padding:11px 12px}.data-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.data-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px;direction:ltr;text-align:right;overflow-wrap:anywhere}.row-tag{font:10px 'Space Grotesk';color:var(--accent);background:#b6ff5212;border-radius:20px;padding:5px 8px;white-space:nowrap}.coming-tag{font-size:9px}.roadmap{margin-top:17px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center}.roadmap h2{margin-top:8px}.roadmap .muted{font-size:11px}.roadmap-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roadmap-items span{border:1px solid var(--line);background:#ffffff05;border-radius:9px;padding:10px;font:11px 'Space Grotesk';color:#bfc5d3;direction:ltr;text-align:left}.roadmap-items b{color:var(--accent);margin-right:8px}.roadmap-items i{font-style:normal;color:var(--accent);font-size:9px;margin-left:5px}footer{display:flex;justify-content:space-between;padding:24px 2px 35px;color:#596174;font:9px 'Space Grotesk';letter-spacing:.16em;direction:ltr}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#202738;border:1px solid var(--line);color:white;border-radius:10px;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:5;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.shell{width:min(94vw,560px)}.hero{min-height:220px;padding:35px 0 25px}.hero-orb{width:100px;height:100px;margin-left:0;flex-shrink:0}.hero-orb span{font-size:22px}.hero h1{font-size:29px}.hero-copy{font-size:11px}.connect-fields{grid-template-columns:1fr}.workspace-grid{grid-template-columns:1fr}.roadmap{grid-template-columns:1fr;gap:10px}.stats-grid{gap:8px}.stat-card{padding:13px 10px;min-height:112px}.stat-card strong{font-size:24px}.stat-card p{font-size:10px}.stat-card small{display:block;margin:2px 0 0;font-size:8px}.connect-card,.workspace-card,.roadmap{padding:17px}.topbar{height:65px;padding:0 4vw}}@media(max-width:380px){.hero-orb{display:none}.field-pair{grid-template-columns:1fr}.platform-options{gap:5px}.check-option{font-size:10px;padding:7px}}

/* Stream studio additions */
.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.overlay-preview{height:210px;margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#05070b}.overlay-preview iframe{width:100%;height:100%;border:0}.overlay-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.overlay-actions .muted{font-size:10px}.studio-grid input[type=color]{height:44px;padding:5px;direction:ltr}.studio-grid .form-note{line-height:1.8}@media(max-width:760px){.studio-grid{grid-template-columns:1fr}}

/* Production brief builder */
.production-settings{border:1px solid var(--line);border-radius:12px;padding:12px;background:#ffffff04}
.production-settings summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:700;list-style-position:inside}
.production-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
#job-brief-preview{direction:ltr;text-align:left;font:11px/1.7 'Space Grotesk',monospace;color:#cbd3df;background:#070a11;min-height:150px}
@media(max-width:420px){.production-fields{grid-template-columns:1fr}}

.editor-launch{display:inline-flex;text-decoration:none;margin-top:12px;align-items:center;justify-content:center}