:root{color-scheme:dark;--ink:#edf6ff;--muted:#9fbacb;--line:#304d66;--panel:#132238;--cyan:#9aede8;font:14px/1.6 Inter,system-ui,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 80% -10%,#203753,#080e19 50%)}a{color:#a6eeeb}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #9ef3e9;outline-offset:3px}.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding:23px max(25px,calc((100vw - 1700px)/2));border-bottom:1px solid #325168;background:#0b1626}.logo{text-decoration:none;font-weight:850;font-size:19px;letter-spacing:.08em;color:white}.logo span{font-size:11px;color:#9ecada;font-weight:500}.top-middle{font:700 10px ui-monospace,monospace;letter-spacing:.1em;color:#9ec5d9}.top nav{display:flex;gap:20px}.top nav a{text-decoration:none;font:700 11px ui-monospace,monospace}.led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#82e6c9;box-shadow:0 0 15px #76ecc1;margin-right:9px}main{max-width:1670px;padding:0 28px;margin:auto}.hero{min-height:330px;position:relative;isolation:isolate;padding:58px 8px 35px;border-bottom:1px solid #324d60;overflow:hidden}.eyebrow{font:750 10px ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#97dce4}.hero h1{font-size:clamp(45px,6vw,86px);line-height:1.01;letter-spacing:-.075em;margin:19px 0}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(95deg,#97f6e9,#b3a2fa);background-clip:text;-webkit-background-clip:text}.hero p{max-width:720px;font-size:15px;color:#aec6d4}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;color:#a8cede;font:700 10px ui-monospace,monospace}.orbit{position:absolute;width:540px;height:540px;right:1%;top:-180px;border:1px solid #7cb6dc44;border-radius:50%;z-index:-1;box-shadow:0 0 0 68px #9fe7f307,0 0 0 142px #a1b3ff04;transform:rotateX(45deg)}.orbit div{position:absolute;inset:80px;border:1px solid #b2a2f37d;border-radius:50%;box-shadow:inset 0 0 65px #4279c232}.dashboard{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px}.side{border-right:1px solid #34516a;padding:26px 17px 20px 0}.side-title,.library-heading{display:flex;justify-content:space-between;color:#8db5c5;letter-spacing:.1em;font:750 10px ui-monospace,monospace;margin:5px 0 16px}.district{width:100%;text-align:left;color:#a8c4d5;background:none;border:1px solid transparent;border-radius:8px;padding:11px 9px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.district.active,.district:hover{color:#e9ffff;background:#193344;border-color:#3b667a}.district span{font:700 10px ui-monospace,monospace;color:#8bd8d4}.side-foot{margin-top:37px;border-top:1px solid #375368;padding-top:22px}.side-foot p{font-size:12px;color:#9bafc1}.side-foot button{width:100%;border:1px solid #54859a;background:#183949;color:#b9ece9;border-radius:7px;padding:12px;font:750 10px ui-monospace,monospace}.body{padding:26px 0 60px;min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:38px}.metrics>div{background:linear-gradient(135deg,#182c41,#111e30);border:1px solid #36566d;border-radius:10px;padding:18px}.metrics small{color:#a8cbdb;font:700 10px ui-monospace,monospace;display:block}.metrics strong{font-size:clamp(25px,3vw,40px);letter-spacing:-.05em;display:block;margin-top:8px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:20px 0;flex-wrap:wrap}.section-title h2{font-size:clamp(26px,3.3vw,43px);margin:6px 0;letter-spacing:-.05em}.note{font:10px ui-monospace,monospace;color:#8eafc0}.production-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:13px}.form-panel,.studio-panel,.library,.artifact{padding:24px;background:linear-gradient(140deg,#182c41,#101d30);border:1px solid #365670;border-radius:11px;min-width:0}.form-panel>label,.form-grid label{font:750 10px ui-monospace,monospace;letter-spacing:.1em;display:block;color:#a8cbd6;margin-bottom:18px}.form-panel :is(select,input,textarea),dialog input{margin-top:8px;width:100%;background:#0a182a;color:#edf6ff;border:1px solid #42677d;border-radius:7px;padding:11px;resize:vertical;font:13px/1.5 system-ui}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.primary{border:0;border-radius:8px;background:linear-gradient(100deg,#a1f0ed,#9bc9ee);color:#08222c;font-weight:850;letter-spacing:.04em;padding:14px 20px}.form-panel .primary{width:100%;display:flex;justify-content:space-between}.form-panel p{font-size:11px;color:#a5bdca}.studio-panel h3{font-size:31px;margin:12px 0 3px;letter-spacing:-.05em}.studio-panel p{font-size:12px;color:#9fc1d4}.studio-panel h4{font:750 10px ui-monospace,monospace;color:#a6c3d5;letter-spacing:.1em;margin-top:30px}.factory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:24px 0}.factory-lane{min-height:115px;border:1px solid #3e6a79;background:#102d3e;border-radius:8px;padding:10px;display:flex;flex-direction:column}.factory-lane span{font:700 10px ui-monospace,monospace;color:#8bdddf}.factory-lane strong{font-size:12px;margin:auto 0 4px}.factory-lane small{color:#9cbacb;font-size:10px}.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.role{padding:9px;border:1px solid #3b526b;border-radius:6px;color:#b8d3df;font-size:11px}.library-title{margin-top:49px}.secondary{border:1px solid #6496a9;background:#19354b;color:#b7e6ee;border-radius:7px;padding:10px;font-size:11px;font-weight:750}.library-layout{display:grid;grid-template-columns:minmax(270px,.67fr) minmax(0,1.33fr);gap:14px}.works{max-height:510px;overflow-y:auto}.work{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px;border:1px solid #324b62;border-radius:7px;background:#102135;color:#ebf5ff;margin-bottom:8px}.work.active{border-color:#9ae7e6;background:#184154}.work strong{display:block}.work small{display:block;color:#99b3c4}.work .format-symbol{font-size:27px;color:#a2eee6}.artifact-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid #38566a;padding-bottom:13px;color:#9cbdcf;font:750 10px ui-monospace,monospace}.artifact pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;color:#d3e8f2;font:12px/1.85 ui-monospace,monospace}.artifact #artifact-placeholder{color:#9bb6c4;margin:40px 0}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 0;border-top:1px solid #334e65;color:#89aabb;font:700 10px ui-monospace,monospace}dialog{width:min(460px,calc(100vw - 25px));background:linear-gradient(145deg,#1c3449,#0c1a2b);border:1px solid #658a9c;border-radius:14px;color:white;padding:26px;box-shadow:0 30px 90px #0009}dialog::backdrop{background:#030b15db;backdrop-filter:blur(6px)}dialog h2{font-size:32px;letter-spacing:-.05em;margin:12px 0}dialog p{color:#aac2d3}dialog label{display:block;color:#a3cfdd;font:700 10px ui-monospace,monospace;margin:17px 0}dialog .primary{width:100%}.close{float:right;background:transparent;color:#cbe6f1;border:0;font-size:22px}@media(max-width:1100px){.dashboard{grid-template-columns:200px 1fr}.production-layout,.library-layout{grid-template-columns:1fr}.roles{grid-template-columns:repeat(4,1fr)}}@media(max-width:750px){.top{padding:15px}.top-middle{display:none}main{padding:0 14px}.dashboard{display:block}.side{border:0;padding:15px 0}.side-title{margin-bottom:5px}#districts{display:flex;gap:5px;overflow-x:auto;padding:3px}.district{white-space:nowrap;flex:0 0 auto;width:auto;gap:10px}.side-foot{margin-top:6px}.side-foot p{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.hero{min-height:310px}.hero h1{font-size:45px}.roles{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.factory{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}