:root{
  --bg:#03080c; --panel:#07111a; --panel2:#091722;
  --line:#12384c; --line2:#1b607e; --cyan:#4bd9ff; --cyan2:#a9efff;
  --text:#d8f6ff; --muted:#658da1; --good:#76f5ae; --warn:#ffc36d;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box} html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}
body{background:radial-gradient(circle at 50% 30%,#0b1a25,#03070b 56%,#010305)}
.scan{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.025;background:repeating-linear-gradient(to bottom,#fff 0 1px,transparent 1px 4px)}
header{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;background:linear-gradient(180deg,#0b1721,#061019);border-bottom:1px solid var(--line);box-shadow:0 0 30px #0bbbe817 inset}
.brand{display:flex;align-items:center;gap:10px}.brand .mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line2);font-size:10px}.brand b{font-size:13px;letter-spacing:1.8px}.brand small{display:block;font-size:7px;letter-spacing:1.4px;color:var(--muted);margin-top:1px}.brand-copy{position:relative;padding-right:62px}.brand-copy em{position:absolute;right:0;top:0;font-style:normal;font-size:6px;letter-spacing:1.2px;color:var(--cyan);opacity:.8}.brand .mark{box-shadow:0 0 18px #39ccff1c inset,0 0 12px #39ccff10}
.modebar{display:flex;gap:4px}.modebar button{font-size:8px}.head-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}
button,input,textarea,select{font:inherit}button{position:relative;background:#08151f;color:#aeeaff;border:1px solid #17445b;padding:8px 11px;border-radius:3px;font-size:9px;letter-spacing:.65px;cursor:pointer;transition:.15s}button:hover{border-color:#42cfff;box-shadow:0 0 12px #40d2ff20}button:active{transform:translateY(1px)}button.active{background:#0d2a3b}.primary{background:linear-gradient(180deg,#d9f7ff,#9be2f8);color:#04131a;border-color:#b8f1ff;font-weight:800}.danger{border-color:#7b4434;color:#ffd0ba;background:#1e0f0b}.status,.env{font-size:8px;border:1px solid #1a4a61;padding:5px 7px;color:#77b7ce}.env{border-color:#805f2d;color:#ffd588}.hidden{display:none!important}
main{height:calc(100vh - 62px);display:grid;grid-template-columns:245px minmax(0,1fr) 305px}
.panel{background:linear-gradient(180deg,#07111af0,#040a0ff7);overflow:auto}.left{border-right:1px solid var(--line);padding:11px}.right{border-left:1px solid var(--line);padding:11px}
.panel-title{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;border-top:1px solid var(--line);border-bottom:1px solid #0b2a3a;background:linear-gradient(90deg,#0a1822,#061019);font-size:8px;letter-spacing:1.2px;color:#91d5ed}.panel-title i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.panel-title span{font-size:7px;color:#59899e}.panel-title.section{margin-top:12px}
.scene-graph{padding:8px 4px;font-size:10px;line-height:1.9}.scene-graph .root{border-left:2px solid var(--cyan);background:#0c2432;padding:3px 7px}.scene-graph .child{padding-left:13px;color:#6f9fb3}
.templates{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:7px}
#dsl{width:100%;height:295px;margin-top:7px;background:#020609;color:#b9ecfb;border:1px solid #173d50;padding:10px;font:10px/1.5 ui-monospace,Consolas,monospace;outline:none;resize:vertical}.dsl-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.hint{font-size:8px;line-height:1.4;color:#5c8396;margin-top:6px}
.workspace{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#0a1a25,#020609 72%)}#viewport{position:absolute;inset:0 0 185px 0}#viewport canvas{width:100%!important;height:100%!important;display:block}
.corner{position:absolute;width:42px;height:42px;pointer-events:none;z-index:4}.tl{left:8px;top:8px;border-left:1px solid #2cb9e8;border-top:1px solid #2cb9e8}.tr{right:8px;top:8px;border-right:1px solid #2cb9e8;border-top:1px solid #2cb9e8}.bl{left:8px;bottom:193px;border-left:1px solid #2cb9e8;border-bottom:1px solid #2cb9e8}.br{right:8px;bottom:193px;border-right:1px solid #2cb9e8;border-bottom:1px solid #2cb9e8}
.context-hud{position:absolute;left:50%;top:16px;transform:translateX(-50%);display:flex;gap:1px;z-index:6}.hud-card{min-width:100px;padding:8px 12px;background:#06121cda;border:1px solid #17475e}.hud-card small{display:block;font-size:7px;color:#638ea1;letter-spacing:.8px}.hud-card b{display:block;font-size:12px;margin-top:2px}
.viewport-label{position:absolute;left:16px;bottom:235px;z-index:6;font-size:8px;letter-spacing:1px}.viewport-label b{display:block;color:#bfefff}.viewport-label span{color:#4f7e91}
.timeline{position:absolute;left:0;right:0;bottom:185px;height:40px;background:#061019eb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 13px;font-size:8px;z-index:7}.track{height:4px;background:#0d2735;flex:1}.track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#30b6e4,#85e8ff);box-shadow:0 0 8px #42d1ff}
.intelligence{position:absolute;left:0;right:0;bottom:0;height:185px;background:linear-gradient(180deg,#07131d,#040a0f);border-top:1px solid var(--line);padding:12px;z-index:7}.intel-head{display:flex;align-items:center;justify-content:space-between}.intel-head b{font-size:10px;letter-spacing:1px}.intel-head small{display:block;font-size:7px;color:#527e91;margin-top:2px}.intel-head>span{font-size:7px;color:#5f93a8}
.prompt-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-top:9px}.prompt-row input{background:#020609;color:#e4faff;border:1px solid #174158;padding:11px;outline:none}.answer{font-size:9px;color:#7098aa;margin-top:8px}
.inspector{padding-top:8px}.field{margin:9px 0}.field label{display:flex;justify-content:space-between;font-size:8px;color:#6b98ab;margin-bottom:4px}.field input{width:100%;background:#020609;color:#def7ff;border:1px solid #173d50;padding:8px}.result{min-height:82px;background:#061019;border:1px solid #143b4f;padding:10px;font-size:9px;line-height:1.5;white-space:pre-line}.runtime-box{border:1px solid #143b4f}.runtime-box div{display:flex;justify-content:space-between;padding:7px 8px;border-bottom:1px solid #0d2d3c;font-size:8px}.runtime-box div:last-child{border:0}.runtime-box span{color:#638da0}
.sandbox-deploy p{font-size:8px;color:#6f98aa;line-height:1.5}.sandbox-deploy button{width:100%}
.feedback{position:fixed;right:14px;bottom:14px;z-index:20}.modal{position:fixed;inset:0;background:#000d;z-index:100;display:grid;place-items:center}.modal-card{width:min(860px,92vw);background:#07131c;border:1px solid #1b5b77;padding:15px;box-shadow:0 0 40px #28c8ff1b}.modal-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.modal-head button{font-size:14px;padding:2px 8px}.capture-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}.capture-grid img{width:100%;min-height:260px;object-fit:contain;background:#020609;border:1px solid #173d50}.capture-grid label{display:block;font-size:8px;color:#7ba9bb;margin:6px 0}.capture-grid textarea{width:100%;height:150px;background:#020609;color:#def7ff;border:1px solid #173d50;padding:8px}.capture-grid select{width:100%;background:#020609;color:#def7ff;border:1px solid #173d50;padding:8px}.wide{width:100%;margin-top:10px}
@media(max-width:1250px){main{grid-template-columns:215px minmax(0,1fr) 280px}.modebar{display:none}.context-hud .hud-card{min-width:85px;padding:7px 9px}}

.sak3d-signature{position:fixed;left:258px;bottom:12px;z-index:19;font-size:7px;letter-spacing:1.8px;color:#407389;pointer-events:none;opacity:.85}