html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg:#070708;--panel:#0e0f12;--panel-2:#12141a;--line:#ffffff14;--text:#c8c4bc;--text-dim:#8a857c;--text-strong:#eeeae2;--gold:#c9a86c;--gold-soft:#c9a86c1f;--ok:#7bbb92;--warn:#c9a86c;--bad:#d98b7e;--sans:"Inter", "Google Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);font-optical-sizing:auto;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-weight:400}*{box-sizing:border-box;font-weight:400}html,body,#root{min-height:100%;margin:0}body{background-color:#000;background-image:linear-gradient(#00000080,#00000080),radial-gradient(circle at 50% 0,#e8338c,#0000 42%),radial-gradient(circle at 100% 8%,#22d3ee,#0000 46%),radial-gradient(circle at 8% 78%,#ff5e3a,#0000 40%),radial-gradient(circle at 82% 100%,#ffd200,#0000 42%),linear-gradient(160deg,#1a0818 0%,#070708 55%,#120812 100%);background-attachment:fixed;min-height:100svh}h1,h2,h3,button,a,input,select,textarea,strong,b{font:inherit;font-weight:400}.shell{flex-direction:column;gap:14px;max-width:1440px;min-height:100svh;margin:0 auto;padding:20px 18px 36px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-logo{object-fit:contain;width:auto;height:56px;margin:0;display:block}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin:0 0 6px;font-size:.7rem}.topbar h1{color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.2}.topbar-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line);color:var(--text-strong);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:.55rem .9rem;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){color:var(--gold);border-color:#c9a86c8c}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--gold);border-color:var(--gold);color:#14110c}.btn.primary:hover:not(:disabled){color:#14110c;background:#d8ba80}.btn.ghost{background:#ffffff08}.btn.small{padding:.38rem .72rem;font-size:.84rem}.btn.danger:hover:not(:disabled){color:var(--bad);border-color:#d98b7e8c}.linkish{line-height:1}.notice{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:10px 12px;font-size:.9rem}.notice.ok{border-color:#7bbb924d}.notice.bad{color:#e8b4ab;border-color:#d98b7e66}.workspace{flex:1;grid-template-columns:220px minmax(0,1.35fr) minmax(300px,.9fr);gap:12px;min-height:0;display:grid}.rail,.stage,.editor{background:var(--panel);border:1px solid var(--line);border-radius:16px;min-height:0}.rail{flex-direction:column;display:flex;overflow:hidden}.rail-head{color:var(--text-dim);border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 14px;font-size:.8rem;display:flex}.rail-list{flex-direction:column;gap:6px;padding:8px;display:flex;overflow:auto}.rail-item{text-align:left;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:1fr auto;gap:4px 8px;padding:10px 11px;display:grid}.rail-item:hover{background:#ffffff08}.rail-item.active{background:var(--gold-soft);border-color:#c9a86c59}.rail-name{color:var(--text-strong);font-size:.95rem}.rail-meta{color:var(--text-dim);grid-column:1/-1;font-size:.78rem}.pill{border:1px solid var(--line);color:var(--text-dim);border-radius:999px;align-self:start;padding:.18rem .45rem;font-size:.7rem}.pill.ok{color:var(--ok);border-color:#7bbb924d}.pill.warn{color:var(--warn);border-color:#c9a86c4d}.pill.bad{color:var(--bad);border-color:#d98b7e59}.stage,.editor{flex-direction:column;gap:10px;padding:14px;display:flex}.stage-toolbar,.editor-toolbar,.job-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stage h2,.editor h2,.job-panel h3{color:var(--text-strong);letter-spacing:-.01em;margin:0;font-size:1.05rem}.stage-actions{flex-wrap:wrap;gap:8px;display:flex}.muted,.pad{color:var(--text-dim);margin:0;font-size:.86rem}.stream{border:1px solid var(--line);background:#050506;border-radius:16px;flex:1;min-height:560px;display:flex;position:relative;overflow:hidden}.stream-frame{background:#000;border:0;flex:1;width:100%;height:100%;min-height:560px;display:block}.stream-empty{text-align:center;min-height:560px;color:var(--text-dim);flex:1;place-content:center;gap:12px;padding:24px;display:grid}.screen-link{color:var(--gold);width:fit-content;font-size:.84rem;text-decoration:none}.screen-link:hover{text-decoration:underline}.field{color:var(--text-dim);flex-direction:column;gap:6px;font-size:.82rem;display:flex}.field.grow{flex:1;min-height:0}.field-row{grid-template-columns:1.4fr .8fr;gap:8px;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text-strong);border-radius:10px;outline:none;padding:.55rem .7rem}input:focus,select:focus,textarea:focus{border-color:#c9a86c73}textarea{resize:vertical;flex:1;min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.45}.job-panel{border-top:1px solid var(--line);flex-direction:column;gap:8px;min-height:140px;padding-top:10px;display:flex}.job-log{border:1px solid var(--line);color:#cfcabf;white-space:pre-wrap;word-break:break-word;background:#090a0c;border-radius:10px;max-height:160px;margin:0;padding:10px;font-size:.75rem;line-height:1.4;overflow:auto}.foot{color:var(--text-dim);border-top:1px solid var(--line);padding-top:12px;font-size:.82rem}@media (width<=1100px){.workspace{grid-template-columns:1fr}.rail-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.stream,.stream-frame,.stream-empty{min-height:420px}}