@font-face{font-family:Manrope;src:url("/fonts/manrope.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("/fonts/space-grotesk.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:Michroma;src:url("/fonts/michroma.woff2") format("woff2");font-weight:400;font-display:swap}
:root{color-scheme:dark;--navy:#020712;--ink:#06101d;--panel:#071523;--cyan:#68e8ff;--blue:#268fff;--silver:#d9edf3;--muted:#8295a8;--line:rgba(145,203,224,.18);--sidebar:248px}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--navy);color:var(--silver);font-family:Manrope,Segoe UI,sans-serif}button,textarea,select{font:inherit}.grid-bg{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(104,232,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(104,232,255,.025) 1px,transparent 1px),radial-gradient(circle at 72% 0,rgba(38,143,255,.13),transparent 38rem);background-size:72px 72px,72px 72px,auto}
.app{position:relative;display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:23px 17px;border-right:1px solid var(--line);background:rgba(2,7,18,.88);backdrop-filter:blur(22px);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding:0 7px 29px}.brand b,.brand small{display:block;letter-spacing:.18em}.brand b{font:400 12px/1.2 Michroma,sans-serif}.brand small{font-size:7px;color:var(--cyan);margin-top:5px}.brand-gem{width:29px;height:29px;border:1px solid var(--cyan);transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 22px rgba(104,232,255,.15)}.brand-gem i{width:9px;height:9px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.new-project{height:43px;border:1px solid rgba(104,232,255,.45);background:rgba(104,232,255,.05);color:var(--cyan);font-size:9px;letter-spacing:.15em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.new-project span{font-size:16px;margin-right:8px}.new-project:hover{background:rgba(104,232,255,.12)}.side-label{color:#526b7d;font-size:8px;letter-spacing:.2em;margin:26px 8px 10px}.projects{display:grid;gap:4px;overflow:auto}.project{border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);padding:11px 10px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.project.active{border-color:var(--cyan);background:linear-gradient(90deg,rgba(104,232,255,.11),transparent);color:var(--silver)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.system-state{border:1px solid var(--line);padding:12px;background:rgba(7,21,35,.55)}.system-state div,.autonomy,.agent-state{display:flex;align-items:center;gap:9px}.system-state b{font-size:8px;letter-spacing:.13em}.system-state small{display:block;color:var(--muted);font-size:8px;margin-top:8px;line-height:1.5}.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);flex:none}.pulse.offline{background:#ff6879;box-shadow:0 0 12px #ff6879}.sidebar-bottom>a{display:block;color:#506678;text-decoration:none;font-size:8px;letter-spacing:.15em;margin:14px 8px}
main{grid-column:2;min-width:0;padding-bottom:138px}header{height:91px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:rgba(2,7,18,.62);backdrop-filter:blur(18px);position:sticky;top:0;z-index:4}.overline{margin:0 0 8px;color:var(--cyan);font-size:8px;letter-spacing:.22em}h1{margin:0;font:400 14px/1.4 Michroma,sans-serif;letter-spacing:.06em}.agent-state{border:1px solid var(--line);padding:10px 12px;min-width:185px;color:inherit;background:rgba(7,21,35,.55);cursor:pointer;text-align:left}.agent-state:hover{border-color:rgba(104,232,255,.48)}.agent-state b,.agent-state small{display:block}.agent-state b{font-size:8px;letter-spacing:.14em}.agent-state small{font-size:8px;color:var(--muted);margin-top:4px}.agent-state i{margin-left:auto;color:var(--cyan);font-style:normal}
.studio{display:grid;grid-template-columns:minmax(0,1fr) 310px;max-width:1460px;margin:auto;min-height:calc(100vh - 229px)}.conversation{padding:36px clamp(24px,4vw,64px);min-width:0}.hero-intro{max-width:800px;margin:45px auto 28px;text-align:center}.nexa-orb{width:78px;height:78px;border:1px solid rgba(104,232,255,.35);border-radius:50%;margin:0 auto 25px;display:grid;place-items:center;background:radial-gradient(circle,rgba(104,232,255,.25),rgba(38,143,255,.06) 42%,transparent 70%);box-shadow:0 0 55px rgba(38,143,255,.18),inset 0 0 28px rgba(104,232,255,.12)}.nexa-orb span{font:400 21px Michroma,sans-serif;color:var(--cyan);text-shadow:0 0 18px var(--cyan)}h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(23px,3vw,42px);font-weight:300;line-height:1.18;letter-spacing:-.025em;margin:0 0 20px;background:linear-gradient(110deg,#fff,#9bb4c3 72%);background-clip:text;color:transparent}.hero-intro h2 em{font-style:normal;color:var(--cyan);background:none}.hero-intro>p:not(.overline){color:var(--muted);font-size:12px;line-height:1.7;max-width:650px;margin:0 auto}.examples{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:27px}.examples button{border:1px solid var(--line);background:rgba(7,21,35,.6);color:#9bb1c0;padding:9px 12px;font-size:8px;letter-spacing:.08em;cursor:pointer}.examples button:hover{border-color:var(--cyan);color:var(--cyan)}
.inspector{border-left:1px solid var(--line);padding:26px 20px;background:rgba(4,12,23,.42)}.panel-head{display:flex;gap:10px;align-items:center;margin-bottom:15px}.panel-head>span{color:var(--cyan);font:10px monospace}.panel-head b,.panel-head small{display:block}.panel-head b{font-size:9px;letter-spacing:.15em}.panel-head small{color:var(--muted);font-size:8px;margin-top:3px}.settings-head{margin-top:29px;padding-top:23px;border-top:1px solid var(--line)}.dropzone{height:115px;border:1px dashed rgba(104,232,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(104,232,255,.025);cursor:pointer}.dropzone.dragging{border-color:var(--cyan);background:rgba(104,232,255,.08)}.dropzone input{display:none}.upload-symbol{color:var(--cyan);font-size:24px;margin-bottom:7px}.dropzone b{font-size:8px;letter-spacing:.13em}.dropzone small{font-size:8px;color:var(--muted);margin-top:5px}.uploads{display:grid;gap:5px;margin-top:9px}.upload{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);font-size:8px;min-width:0}.upload span:first-child{color:var(--cyan)}.upload b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.upload small{margin-left:auto;color:var(--muted)}.field{display:block;color:#678092;font-size:7px;letter-spacing:.15em;margin:13px 0}.field select{display:block;width:100%;height:39px;margin-top:7px;border:1px solid var(--line);background:#04101d;color:var(--silver);padding:0 10px;outline:none;font-size:10px}.field select:focus{border-color:var(--cyan)}.autonomy{margin-top:20px;padding:12px;border:1px solid rgba(104,232,255,.22);background:rgba(104,232,255,.035)}.autonomy b,.autonomy small{display:block}.autonomy b{font-size:7px;color:var(--cyan);letter-spacing:.12em}.autonomy small{font-size:7px;color:var(--muted);margin-top:5px}
.messages{max-width:860px;margin:auto;display:grid;gap:15px}.message{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.message.user{grid-template-columns:1fr 34px}.message.user .avatar{grid-column:2}.message.user .bubble{grid-column:1;grid-row:1;text-align:right;background:rgba(38,143,255,.11)}.avatar{width:34px;height:34px;border:1px solid rgba(104,232,255,.35);display:grid;place-items:center;color:var(--cyan);font-size:10px}.bubble{border:1px solid var(--line);background:rgba(7,21,35,.72);padding:13px 15px;font-size:11px;line-height:1.6;color:#b9cbd5}.message-meta{display:block;color:#506a7c;font-size:7px;letter-spacing:.1em;margin-top:8px}.productions{max-width:860px;margin:20px auto;display:grid;gap:12px}.production{border:1px solid var(--line);background:linear-gradient(135deg,rgba(7,21,35,.92),rgba(4,12,23,.86));padding:18px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.prod-head{display:flex;justify-content:space-between;gap:14px}.prod-head b{font-size:11px;letter-spacing:.04em}.prod-head span{font:8px monospace;color:var(--cyan);text-transform:uppercase}.progress{height:2px;background:#112334;margin:13px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 10px var(--cyan)}.shotline{display:flex;gap:4px}.shotline i{height:3px;flex:1;background:#142638}.shotline i.done{background:var(--cyan)}.prod-foot{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;margin-top:12px}.prod-foot a{color:var(--navy);background:var(--cyan);text-decoration:none;padding:8px 11px;font-weight:700;letter-spacing:.1em}.prod-error{color:#ff7b8a}
.composer{position:fixed;left:var(--sidebar);right:0;bottom:0;z-index:6;padding:15px 34px 17px;background:linear-gradient(transparent,rgba(2,7,18,.96) 25%)}.composer-inner{max-width:1050px;margin:auto;height:67px;border:1px solid rgba(104,232,255,.32);background:rgba(4,14,25,.96);display:grid;grid-template-columns:48px 1fr 160px;align-items:center;box-shadow:0 0 50px rgba(38,143,255,.08)}.composer textarea{resize:none;border:0;outline:0;background:transparent;color:var(--silver);padding:20px 8px;line-height:1.45;max-height:62px;font-size:11px}.composer textarea::placeholder{color:#587083}.attach{border:0;background:transparent;color:var(--cyan);font-size:22px;cursor:pointer}.send{height:45px;margin-right:10px;border:0;background:linear-gradient(110deg,var(--blue),var(--cyan));color:#03101c;display:flex;align-items:center;justify-content:space-between;padding:0 14px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.send span{font-size:8px;font-weight:800;letter-spacing:.12em}.send i{font-style:normal;font-size:17px}.send:disabled{opacity:.45;cursor:wait}.composer>small{display:block;text-align:center;color:#496174;font-size:7px;letter-spacing:.04em;margin-top:8px}.toast{position:fixed;right:20px;bottom:110px;padding:12px 15px;border:1px solid var(--cyan);background:#071523;color:var(--silver);font-size:9px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:20}.toast.show{opacity:1;transform:none}.hidden{display:none!important}
.agent-dialog{width:min(560px,calc(100vw - 28px));border:1px solid rgba(104,232,255,.34);padding:0;background:linear-gradient(145deg,#071523,#030b16);color:var(--silver);box-shadow:0 30px 110px #000,0 0 60px rgba(38,143,255,.12);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.agent-dialog::backdrop{background:rgba(0,4,11,.82);backdrop-filter:blur(8px)}.agent-dialog form{padding:27px}.dialog-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.dialog-top h3{font:400 16px Michroma,sans-serif;margin:0;letter-spacing:.08em}.dialog-close{border:1px solid var(--line);background:transparent;color:var(--muted);width:34px;height:34px;font-size:20px;cursor:pointer}.dialog-close:hover{color:var(--cyan);border-color:var(--cyan)}.connection-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:rgba(104,232,255,.035);padding:14px;margin:20px 0}.connection-card b,.connection-card small{display:block}.connection-card b{font-size:8px;letter-spacing:.14em;color:var(--cyan)}.connection-card small{font-size:8px;color:var(--muted);margin-top:5px}.dialog-field{display:block;color:#6e8799;font-size:8px;letter-spacing:.14em;margin:17px 0}.dialog-field input,.dialog-field select{display:block;width:100%;height:45px;margin-top:8px;padding:0 12px;border:1px solid var(--line);background:#020a14;color:var(--silver);outline:none;font-size:10px}.dialog-field input:focus,.dialog-field select:focus{border-color:var(--cyan)}.dialog-field small{display:block;font-size:7px;letter-spacing:0;color:#506779;margin-top:6px}.agent-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:20px 0}.agent-tools span{border:1px solid var(--line);padding:8px 3px;text-align:center;color:#6c8798;font-size:6px;letter-spacing:.08em}.save-agent{width:100%;height:52px;border:0;background:linear-gradient(110deg,var(--blue),var(--cyan));color:#03101c;display:flex;justify-content:space-between;align-items:center;padding:0 17px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.save-agent span{font-size:8px;font-weight:800;letter-spacing:.13em}.save-agent i{font-style:normal;font-size:18px}.save-agent:disabled{opacity:.45;cursor:wait}
@media(max-width:1000px){:root{--sidebar:76px}.brand span:last-child,.new-project:not(:hover){font-size:0}.brand{justify-content:center;padding-inline:0}.new-project span{margin:0}.side-label,.project{font-size:0}.project{height:36px}.project:before{content:"◆";font-size:9px;color:var(--cyan)}.sidebar-bottom{display:none}.studio{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.panel-head,.settings-head{grid-column:1/-1;margin:6px 0}.dropzone,.uploads{grid-column:1/-1}.autonomy{grid-column:1/-1}}@media(max-width:680px){:root{--sidebar:0px}.sidebar{display:none}.app{display:block}main{grid-column:1}.studio{display:block}.conversation{padding:22px 14px}.hero-intro{margin-top:20px}.hero-intro h2{font-size:25px}.inspector{grid-template-columns:1fr;padding:20px 14px}.composer{left:0;padding:10px}.composer-inner{grid-template-columns:40px 1fr 48px}.send{padding:0;justify-content:center}.send span{display:none}header{padding:0 15px}.agent-state{min-width:0}.agent-state div{display:none}}

/* Nexa Studio scenic composition */
html,body{background:#01050c}
.grid-bg{background:linear-gradient(90deg,rgba(1,5,12,.80) 0,rgba(1,5,12,.18) 17%,rgba(1,5,12,.04) 37%,rgba(1,5,12,.08) 72%,rgba(1,5,12,.62) 100%),linear-gradient(180deg,rgba(1,5,12,.56) 0,rgba(1,5,12,.04) 19%,rgba(1,5,12,.02) 66%,rgba(1,5,12,.68) 100%),url("/assets/nexa-video-studio.png") center top/100vw auto no-repeat;background-size:auto,auto,100vw auto;opacity:1}
.grid-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(104,232,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(104,232,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 26%,#000 43%,#000 78%,transparent)}
.sidebar{background:linear-gradient(90deg,rgba(1,6,14,.86),rgba(2,10,20,.50));border-right-color:rgba(104,232,255,.20);box-shadow:20px 0 60px rgba(0,0,0,.20)}
header{background:linear-gradient(180deg,rgba(1,6,14,.78),rgba(1,8,18,.32));border-bottom-color:rgba(104,232,255,.20)}
.studio{max-width:none}
.conversation{padding-left:clamp(220px,24vw,360px);padding-right:clamp(24px,4vw,72px);position:relative}
.conversation::before{content:"STAGE 01  /  NEURAL PRODUCTION";position:absolute;top:22px;right:42px;color:rgba(104,232,255,.44);font:7px Michroma,sans-serif;letter-spacing:.15em}
.hero-intro{margin-top:38px;padding:25px 30px 29px;border:1px solid rgba(104,232,255,.16);background:linear-gradient(145deg,rgba(3,14,28,.48),rgba(2,8,17,.20));backdrop-filter:blur(5px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:0 28px 80px rgba(0,0,0,.18)}
.hero-intro>p:not(.overline){color:#a9bdc9;text-shadow:0 2px 10px #000}
.nexa-orb{background:radial-gradient(circle,rgba(104,232,255,.31),rgba(38,143,255,.09) 44%,transparent 72%);border-color:rgba(104,232,255,.56);box-shadow:0 0 55px rgba(38,143,255,.30),inset 0 0 28px rgba(104,232,255,.16)}
.inspector{background:linear-gradient(180deg,rgba(3,15,30,.62),rgba(2,8,18,.40));backdrop-filter:blur(12px) saturate(1.16);border-left-color:rgba(104,232,255,.25);box-shadow:-20px 0 70px rgba(0,0,0,.20)}
.dropzone{background:linear-gradient(145deg,rgba(5,27,51,.50),rgba(2,12,25,.30));border-color:rgba(104,232,255,.34);box-shadow:inset 0 0 30px rgba(38,143,255,.04)}
.field select{background:rgba(1,9,19,.72);backdrop-filter:blur(8px)}
.autonomy,.system-state,.agent-state{background:rgba(3,16,31,.62);backdrop-filter:blur(10px)}
.bubble,.production{background:linear-gradient(135deg,rgba(5,23,42,.82),rgba(2,10,21,.72));backdrop-filter:blur(13px) saturate(1.18);border-color:rgba(104,232,255,.22);box-shadow:0 20px 45px rgba(0,0,0,.18)}
.message.user .bubble{background:linear-gradient(135deg,rgba(17,74,119,.58),rgba(4,25,48,.72))}
.composer{background:linear-gradient(transparent,rgba(1,6,14,.72) 30%)}
.composer-inner{background:linear-gradient(100deg,rgba(2,13,26,.84),rgba(4,23,41,.72));backdrop-filter:blur(16px) saturate(1.2);border-color:rgba(104,232,255,.47);box-shadow:0 0 55px rgba(38,143,255,.16),0 18px 50px rgba(0,0,0,.28)}
.agent-dialog{background:linear-gradient(145deg,rgba(7,27,47,.97),rgba(2,10,21,.98))}
@media(max-width:1200px){.conversation{padding-left:clamp(135px,19vw,230px)}}
@media(max-width:1000px){.grid-bg{background-position:center,center,center top;background-size:auto,auto,100vw auto}.conversation{padding-left:clamp(55px,9vw,100px)}.inspector{background:rgba(2,12,24,.78);backdrop-filter:blur(18px)}}
@media(max-width:680px){.grid-bg{background-position:center,center,32% top;background-size:auto,auto,auto 62vh}.grid-bg::after{display:none}.conversation{padding:22px 14px}.conversation::before{display:none}.hero-intro{padding:20px 15px;background:rgba(2,12,24,.62);backdrop-filter:blur(9px)}.inspector{background:rgba(2,10,21,.86)}}

/* Full studio platform */
.app-view{display:none}.app-view.active{display:block}.section-view{padding:34px clamp(24px,4vw,62px) 70px;min-height:calc(100vh - 91px)}
.studio-nav{display:grid;gap:3px;margin:0 0 20px}.studio-nav-item{height:36px;border:0;border-left:2px solid transparent;background:transparent;color:#668093;text-align:left;padding:0 10px;font-size:8px;letter-spacing:.13em;cursor:pointer}.studio-nav-item span{display:inline-block;width:22px;color:var(--cyan)}.studio-nav-item:hover,.studio-nav-item.active{color:var(--silver);background:linear-gradient(90deg,rgba(104,232,255,.10),transparent);border-left-color:var(--cyan)}
.project small{display:block;color:#557083;font-size:7px;margin-top:4px}.user-card{width:100%;border:0;background:transparent;color:var(--silver);padding:13px 6px 0;text-align:left;cursor:pointer}.user-card b,.user-card small{display:block}.user-card b{font-size:8px;letter-spacing:.12em}.user-card small{color:#587184;font-size:7px;margin-top:4px}.header-actions{display:flex;align-items:center;gap:7px}.header-tool{width:38px;height:38px;border:1px solid var(--line);background:rgba(3,16,31,.58);color:var(--cyan);cursor:pointer}.header-tool.danger{color:#ff7181}.header-tool:hover{border-color:var(--cyan)}
.mini-delete{border:0;background:transparent;color:#718999;font-size:15px;cursor:pointer;margin-left:4px}.mini-delete:hover{color:#ff7181}.upload{grid-template-columns:14px minmax(0,1fr) auto 18px;display:grid}.upload small{margin-left:0}.draft-plan{max-width:860px;margin:18px auto;border:1px solid rgba(104,232,255,.36);background:linear-gradient(135deg,rgba(5,28,51,.90),rgba(2,12,25,.82));padding:18px;backdrop-filter:blur(15px);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.draft-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.draft-head span,.draft-head b{display:block}.draft-head span{font-size:7px;letter-spacing:.16em;color:var(--cyan)}.draft-head b{font-size:12px;margin-top:5px}.draft-plan>p{color:#9bb1bf;font-size:10px;line-height:1.6;margin:14px 0}.draft-specs{display:flex;gap:5px;flex-wrap:wrap}.draft-specs span{border:1px solid var(--line);padding:6px 9px;font-size:7px;text-transform:uppercase;color:#89a6b7}.shot-plan{display:grid;gap:5px;margin-top:13px}.shot-plan>div{display:grid;grid-template-columns:28px 120px 1fr;gap:9px;border-top:1px solid var(--line);padding:9px 0}.shot-plan i{color:var(--cyan);font:8px monospace}.shot-plan b{font-size:9px}.shot-plan small{color:#7992a2;font-size:8px;line-height:1.4}.cyan-button{min-height:36px;border:1px solid rgba(104,232,255,.43);background:rgba(104,232,255,.06);color:var(--cyan);padding:0 13px;font-size:7px;letter-spacing:.11em;cursor:pointer}.cyan-button.primary{background:linear-gradient(105deg,var(--blue),var(--cyan));color:#02101c;border:0;font-weight:800}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title h2{margin:0;font:400 19px Michroma,sans-serif;color:var(--silver);background:none}.editor-shell{display:grid;grid-template-columns:260px 1fr;min-height:680px;border:1px solid var(--line);background:rgba(2,10,20,.62);backdrop-filter:blur(15px)}.editor-bin{padding:17px;border-right:1px solid var(--line);overflow:auto}.editor-bin h3{font:400 10px Michroma,sans-serif;margin:0 0 18px}.bin-label{font-size:7px;color:#587184;letter-spacing:.14em;margin:17px 0 7px}.bin-item{width:100%;min-height:47px;border:1px solid var(--line);background:rgba(6,24,42,.58);color:var(--silver);display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;padding:7px;text-align:left;cursor:pointer;margin-bottom:5px}.bin-item span{color:var(--cyan)}.bin-item b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bin-item small{color:#617b8d;font-size:6px}.bin-item:hover{border-color:var(--cyan)}.timeline-workspace{padding:18px;min-width:0}.edit-toolbar{display:grid;grid-template-columns:1fr 1fr 180px auto auto;gap:7px}.edit-toolbar input,.edit-toolbar select,.user-form input,.user-form select{height:38px;border:1px solid var(--line);background:rgba(2,10,20,.84);color:var(--silver);padding:0 10px;font-size:9px}.timeline-ruler{display:flex;justify-content:space-between;color:#526e80;font:7px monospace;border-bottom:1px solid var(--line);padding:32px 4px 9px}.timeline{display:grid;gap:7px;padding:14px 0;min-height:260px}.timeline-clip{min-height:62px;display:grid;grid-template-columns:26px minmax(120px,1fr) 80px 80px 75px 30px 30px 30px;gap:6px;align-items:center;border:1px solid rgba(104,232,255,.26);background:linear-gradient(90deg,rgba(18,78,120,.40),rgba(3,20,36,.72));padding:9px}.timeline-clip>i{color:var(--cyan);font:8px monospace}.timeline-clip>b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-clip label{font-size:6px;color:#668093}.timeline-clip input,.timeline-clip select{width:100%;height:28px;border:1px solid var(--line);background:#020b15;color:var(--silver);font-size:8px}.timeline-clip>button{height:28px;border:1px solid var(--line);background:transparent;color:var(--silver);cursor:pointer}.empty-timeline,.empty-panel{min-height:180px;border:1px dashed var(--line);display:grid;place-items:center;color:#627d90;font-size:9px}.edit-status{border-top:1px solid var(--line);padding-top:12px;color:var(--cyan);font-size:8px;letter-spacing:.1em}
.gallery-grid,.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}.gallery-card,.asset-card{border:1px solid var(--line);background:rgba(3,16,30,.78);backdrop-filter:blur(12px);overflow:hidden}.gallery-card video,.asset-preview img,.asset-preview video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;background:#000}.gallery-card>div,.asset-card>b,.asset-card>small{display:block;padding:0 13px}.gallery-card>div{padding:13px}.gallery-card span{font-size:6px;color:var(--cyan);letter-spacing:.12em}.gallery-card b{display:block;font-size:10px;margin:6px 0}.gallery-card a{color:var(--cyan);font-size:7px}.asset-card>b{font-size:10px;margin-top:12px}.asset-card>small{font-size:7px;color:#6d8798;margin-top:5px}.asset-card .danger-button{margin:12px}.asset-preview{display:grid;place-items:center;min-height:140px;color:var(--cyan);font-size:35px}.danger-button{min-height:31px;border:1px solid rgba(255,113,129,.35);background:rgba(255,113,129,.05);color:#ff8290;font-size:7px;letter-spacing:.1em;cursor:pointer}
.user-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;padding:17px;border:1px solid var(--line);background:rgba(3,16,30,.74);margin-bottom:14px}.user-list{display:grid;gap:6px}.user-row{display:grid;grid-template-columns:12px 1fr 1fr 90px 110px;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(3,16,30,.70);padding:12px}.user-row b{font-size:10px}.user-row small,.user-row>span:not(.pulse){font-size:8px;color:#718b9b}.login-screen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:radial-gradient(circle at 62% 40%,rgba(18,99,161,.18),transparent 32%),rgba(1,5,12,.54);backdrop-filter:blur(5px)}.login-card{width:min(430px,calc(100vw - 28px));border:1px solid rgba(104,232,255,.35);background:linear-gradient(145deg,rgba(5,24,43,.94),rgba(2,9,18,.96));padding:35px;box-shadow:0 30px 100px #000;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.login-card h2{text-align:left;font:300 30px "Space Grotesk";margin:24px 0}.login-gem{margin:0 0 25px 5px}.login-card>small{display:block;color:#ff8290;font-size:8px;margin-top:12px;min-height:12px}
@media(max-width:1100px){.editor-shell{grid-template-columns:1fr}.editor-bin{border-right:0;border-bottom:1px solid var(--line)}.edit-toolbar{grid-template-columns:1fr 1fr}.timeline-clip{grid-template-columns:24px 1fr 70px 70px}.gallery-grid,.asset-grid{grid-template-columns:repeat(2,1fr)}.user-form{grid-template-columns:1fr 1fr}.user-row{grid-template-columns:12px 1fr 1fr}}
@media(max-width:680px){.studio-nav{grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:25;background:#020914;border-top:1px solid var(--line);margin:0}.studio-nav-item{font-size:0;text-align:center}.studio-nav-item span{font-size:13px}.section-view{padding:20px 12px 80px}.gallery-grid,.asset-grid{grid-template-columns:1fr}.editor-shell{display:block}.edit-toolbar,.user-form{grid-template-columns:1fr}.timeline-clip{grid-template-columns:24px 1fr}.timeline-clip label,.timeline-clip select{grid-column:span 1}.draft-head{align-items:flex-start;flex-direction:column}.shot-plan>div{grid-template-columns:24px 1fr}.shot-plan small{grid-column:2}.header-tool{display:none}.user-row{grid-template-columns:12px 1fr}.user-row>*:nth-child(n+3){grid-column:2}.login-card{padding:27px 20px}}
.user-row{grid-template-columns:12px 1fr 1fr 90px 220px}.user-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
@media(max-width:1100px){.user-row{grid-template-columns:12px 1fr 1fr}.user-actions{grid-column:3}}
@media(max-width:680px){.user-row{grid-template-columns:12px 1fr}.user-actions{grid-column:2}}

/* Readability pass: the studio is operated from a distance, so no micro type. */
body{font-size:15px}
button,input,select,textarea{font-size:11px}
.brand b{font-size:14px}.brand small,.system-state b,.agent-state b,.autonomy b{font-size:9px}
.overline,.side-label,.message-meta,.field,.bin-label,.gallery-card span,.draft-head span{font-size:9px}
.studio-nav-item{font-size:10px}.project{font-size:12px}.project small,.user-card small{font-size:9px}.user-card b{font-size:10px}
.hero-intro>p:not(.overline){font-size:14px}.bubble,.draft-plan>p{font-size:12px}.draft-plan b{font-size:13px}
.shot-plan b{font-size:11px}.shot-plan small{font-size:10px}.draft-specs span{font-size:9px}
.panel-head b,.settings-head b{font-size:12px}.panel-head small,.settings-head small{font-size:9px}
.field select,.field input{font-size:12px}.cyan-button,.danger-button{font-size:9px}
.upload b,.gallery-card b,.asset-card>b,.user-row b{font-size:12px}
.upload small,.gallery-card a,.asset-card>small,.user-row small,.user-row>span:not(.pulse){font-size:9px}
.empty-panel,.edit-status{font-size:10px}

/* Professional non-linear editor: dedicated media bays and V1/A1/A2 lanes. */
.editor-shell{grid-template-columns:310px minmax(0,1fr);min-height:720px}
.editor-bin{padding:18px;background:linear-gradient(180deg,rgba(4,19,34,.86),rgba(2,10,20,.7))}
.editor-bin h3{font-size:12px;letter-spacing:.15em;margin-bottom:15px}
.media-bay{border-top:1px solid rgba(104,232,255,.18);padding:13px 0 7px}
.media-bay>header{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:9px;margin-bottom:8px}
.media-bay>header>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(104,232,255,.38);background:rgba(19,93,139,.18);color:var(--cyan);font:10px Michroma,sans-serif}
.media-bay>header b,.media-bay>header small{display:block}.media-bay>header b{font-size:10px;letter-spacing:.12em}.media-bay>header small{font-size:9px;color:#708b9c;margin-top:2px}
.bay-asset{width:100%;min-height:51px;border:1px solid rgba(111,158,184,.22);border-left:2px solid #278ec4;background:rgba(5,25,43,.72);color:var(--silver);display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;text-align:left;cursor:grab;margin:5px 0}
.bay-asset.audio-asset{border-left-color:#42cc9b;background:linear-gradient(90deg,rgba(21,90,70,.22),rgba(5,25,43,.72))}
.bay-asset.sequence-asset{border-left-color:#8f77e8;cursor:pointer}.bay-asset:hover{border-color:var(--cyan);transform:translateX(2px)}
.bay-asset>span{color:var(--cyan);font-size:14px}.bay-asset.audio-asset>span{color:#55e5af}
.bay-asset b,.bay-asset small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bay-asset b{font-size:10px}.bay-asset small{font-size:8px;color:#6e899a;margin-top:3px}
.bay-asset>i{font-style:normal;color:#64cce8;font-size:8px;letter-spacing:.08em}.bay-empty{padding:10px;border:1px dashed rgba(104,232,255,.17);color:#657f90;font-size:9px;line-height:1.5}
.timeline-workspace{padding:20px;overflow:hidden}
.edit-toolbar{grid-template-columns:minmax(150px,1fr) minmax(170px,1fr) 150px auto auto;align-items:stretch}
.timecode{border:1px solid var(--line);background:#010913;padding:5px 11px;text-align:right}.timecode small,.timecode b{display:block}.timecode small{font-size:8px;color:#5e7b8d;letter-spacing:.15em}.timecode b{font:14px "Space Mono",monospace;color:var(--cyan);margin-top:2px}
.timeline-ruler{font-size:9px;padding-top:28px;letter-spacing:.08em}
.track-stack{display:grid;gap:7px;padding:12px 0 18px}
.track-row{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:112px;border:1px solid rgba(104,232,255,.18);background:rgba(1,8,16,.68)}
.track-head{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(104,232,255,.18);background:linear-gradient(135deg,rgba(21,85,123,.3),rgba(3,19,32,.88))}
.track-head b{font:13px Michroma,sans-serif;color:var(--cyan)}.track-head small{font-size:8px;color:#7792a3;margin-top:5px;letter-spacing:.1em}
.audio-track .track-head{background:linear-gradient(135deg,rgba(18,91,69,.27),rgba(3,19,32,.88))}.audio-track .track-head b{color:#55e5af}
.track-lane{min-width:0;display:flex;align-items:stretch;gap:6px;padding:7px;overflow-x:auto;transition:.15s;background-image:linear-gradient(90deg,rgba(104,232,255,.035) 1px,transparent 1px);background-size:80px 100%}
.track-lane.drag-over{background-color:rgba(52,173,224,.13);box-shadow:inset 0 0 0 2px var(--cyan),inset 0 0 30px rgba(104,232,255,.12)}
.track-placeholder{min-width:100%;display:grid;place-items:center;border:1px dashed rgba(104,232,255,.16);color:#587487;font-size:10px;letter-spacing:.08em}
.video-segment,.audio-segment{flex:0 0 590px;display:grid;grid-template-columns:minmax(150px,1fr) 64px 64px 70px 28px 28px 28px;gap:5px;align-items:center;border:1px solid rgba(75,189,240,.45);border-left:4px solid #268fc7;background:linear-gradient(100deg,rgba(17,75,112,.62),rgba(4,20,35,.94));padding:8px;cursor:grab}
.audio-segment{flex-basis:720px;grid-template-columns:minmax(145px,1fr) 60px 60px 60px 58px 116px 36px 28px;border-color:rgba(73,213,159,.4);border-left-color:#3ac68e;background:linear-gradient(100deg,rgba(20,93,69,.46),rgba(4,20,35,.94))}
.segment-title{min-width:0}.segment-title i,.segment-title b,.segment-title small{display:block}.segment-title i{font:9px "Space Mono",monospace;color:var(--cyan)}.segment-title b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0}.segment-title small{font-size:8px;color:#7892a2}
.video-segment label,.audio-segment label{font-size:8px;color:#7894a6;letter-spacing:.05em}.video-segment input,.video-segment select,.audio-segment input{width:100%;height:30px;border:1px solid rgba(104,232,255,.2);background:#020b15;color:var(--silver);font-size:10px;padding:0 5px;margin-top:3px}
.audio-segment label>span{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.video-segment>button,.audio-segment>button{height:30px;border:1px solid rgba(104,232,255,.2);background:rgba(0,0,0,.2);color:var(--silver);cursor:pointer}.video-segment>button:hover,.audio-segment>button:hover{border-color:var(--cyan);color:var(--cyan)}

@media(max-width:1100px){
  .editor-shell{grid-template-columns:1fr}.editor-bin{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.editor-bin>h3{grid-column:1/-1}.media-bay{min-width:0}
  .edit-toolbar{grid-template-columns:1fr 1fr}.timecode{grid-column:1/-1}.video-segment,.audio-segment{flex-basis:680px}
}
@media(max-width:680px){
  .editor-bin{display:block}.track-row{grid-template-columns:46px minmax(0,1fr)}.timeline-workspace{padding:12px}.video-segment,.audio-segment{flex-basis:620px}
}

.faithful-panel{grid-column:1/-1;border:1px solid rgba(104,232,255,.24);background:linear-gradient(135deg,rgba(8,43,67,.7),rgba(2,15,28,.76));padding:13px;margin-top:4px}
.faithful-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.faithful-head span{font-size:9px;color:var(--cyan);letter-spacing:.15em}.faithful-head b{font-size:10px;color:#d8f8ff}
.range-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;color:#7894a6;font-size:9px;letter-spacing:.08em;margin:9px 0}.range-field output{color:var(--cyan);font:10px "Space Mono",monospace}.range-field input{grid-column:1/-1;width:100%;height:4px;accent-color:var(--cyan);cursor:pointer}
.compact-field{margin-top:11px}.lock-field{display:flex;align-items:center;gap:8px;color:#9ab1bf;font-size:10px;margin:8px 0;cursor:pointer}.lock-field input{width:15px;height:15px;accent-color:var(--cyan)}
.shotline i.reviewing{background:#e8c75a;box-shadow:0 0 8px rgba(232,199,90,.8);animation:pulse-qc 1s ease-in-out infinite alternate}@keyframes pulse-qc{to{opacity:.35}}
.prod-qc-warning{margin-top:10px;border-left:2px solid #e8c75a;background:rgba(232,199,90,.08);color:#e8cf7a;padding:7px 9px;font-size:9px;letter-spacing:.06em}
.gallery-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.gallery-actions .danger-button{margin:0;min-height:30px;padding:0 10px}.gallery-actions a{white-space:nowrap}