:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#080e18;color:#dae7f4}
*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}#shell{height:100dvh;min-height:680px;display:flex;flex-direction:column}.topbar{height:66px;flex:0 0 66px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-bottom:1px solid #253345;background:#0b1220}.logo{display:flex;align-items:center;gap:11px}.glyph{display:grid;place-items:center;border:1px solid #2a4d65;color:#66e4ef;background:#142a38;font-size:25px;width:39px;height:39px;border-radius:9px}.logo b{font-size:12px;letter-spacing:.19em;display:block}.logo small{display:block;margin-top:3px;font-size:9px;letter-spacing:.28em;color:#6a89a4}.header-center{font:10px ui-monospace,monospace;letter-spacing:.18em;color:#a3bfd0}.live-dot{display:inline-block;width:7px;height:7px;background:#64f3ba;box-shadow:0 0 9px #64f3ba;border-radius:100%;margin-right:9px}.muted{color:#64768b}.version{color:#56758e;font:10px ui-monospace,monospace;letter-spacing:.1em}.workspace{display:flex;flex:1;min-height:0}.stage{flex:1;min-width:0;position:relative;background:#070e1b;overflow:hidden}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 46%,transparent 37%,rgba(3,9,16,.37) 100%)}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%}.stage-overlay{position:absolute;z-index:2;pointer-events:none}.top-left{left:40px;top:39px}.overline{font:10px ui-monospace,monospace;letter-spacing:.23em;color:#6ce2f2}.top-left h1{font-size:clamp(32px,4vw,65px);font-weight:650;letter-spacing:-.065em;line-height:1;margin:10px 0 9px;color:#f3fbff}.top-left h1 span{color:#6ceaff}.top-left p{color:#8ca3ba;font-size:13px;letter-spacing:.01em}.top-right{right:31px;top:43px;color:#617e97;text-align:right;line-height:2;font:10px ui-monospace,monospace;letter-spacing:.08em}.top-right strong{color:#adbdcb;font-weight:500}.top-right #renderState{color:#62edbd}.bottom-left{left:36px;bottom:30px;font:11px ui-monospace,monospace;letter-spacing:.1em}.dim{color:#5c8096}.bottom-left b{margin-left:9px;color:#6cf0ff}.bottom-left .micro{margin-left:20px;color:#567187;font-size:9px}.bottom-right{right:30px;bottom:28px;display:flex;align-items:baseline;gap:12px;font:10px ui-monospace,monospace;letter-spacing:.08em}.bottom-right strong{color:#d6eaf5;font-size:14px;margin-right:9px}.inspector{width:348px;min-width:348px;background:linear-gradient(160deg,#101e2c,#0b1522 60%);border-left:1px solid #213849;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#234253 transparent}.inspector-top{padding:30px 27px 23px;border-bottom:1px solid #223346}.inspector-top h2{font-size:23px;letter-spacing:-.045em;margin:12px 0 7px;font-weight:620}.title-dot{color:#64e7fa}.inspector-top h2 small{font-size:12px;font-family:ui-monospace,monospace;color:#7094aa;font-weight:400}.inspector-top p{font-size:11px;line-height:1.6;color:#829aac;margin:0}.toolgroup{padding:19px 27px 20px;border-bottom:1px solid #213445}.group-label{font:10px ui-monospace,monospace;letter-spacing:.2em;color:#7095aa;margin-bottom:17px}.btn-row{display:flex;gap:7px}.btn-row button,.audio-btn{border:1px solid #365066;color:#bed7e8;background:#15293a;border-radius:5px;min-height:36px;font-size:10px;font-weight:650;letter-spacing:.05em;padding:0 11px;transition:background .2s}.btn-row button:hover,.audio-btn:hover{background:#1e3b50}.btn-row .primary{background:#6bdded;border-color:#6bdded;color:#09212e}.btn-row .primary:hover{background:#a1f7ff}.btn-row .icon-btn{padding:0 13px;font-size:20px}.audio-btn{margin-top:9px;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;color:#83b1c8}.audio-btn span{font-size:9px;color:#64889e}.select-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;color:#8cabbc;font:10px ui-monospace,monospace;letter-spacing:.07em}.select-label:first-of-type{margin-top:0}.select-label select{background:#182b3b;border:1px solid #2d4758;color:#cee8f5;border-radius:4px;min-width:171px;padding:8px 6px;font-size:10px;letter-spacing:.02em}.sliders label{display:flex;justify-content:space-between;font-size:12px;color:#d4e1eb;margin-top:17px}.sliders label:first-of-type{margin-top:0}.sliders em{font-size:10px;color:#67889b;font-style:normal}.sliders output{font:11px ui-monospace,monospace;color:#6bdfee}.sliders input[type=range]{width:100%;accent-color:#69dff1;margin:9px 0 0;cursor:pointer;height:4px}.compact{padding-top:18px}.toggle-line{display:flex;align-items:center;justify-content:space-between;margin:13px 0;font-size:12px;color:#bbd3e0;cursor:pointer}.toggle-line input{position:absolute;opacity:0}.toggle-line i{width:30px;height:17px;background:#2c4250;border-radius:20px;position:relative;transition:background .2s}.toggle-line i:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#8296a8;transition:transform .2s}.toggle-line input:checked + i{background:#217f88}.toggle-line input:checked + i:after{transform:translateX(13px);background:#8ff5fa}.inspector-foot{padding:20px 27px;color:#668499;font:9px ui-monospace,monospace;letter-spacing:.13em;line-height:2.1;margin-top:auto}.inspector-foot strong{color:#557486;font-weight:500}.inspector-foot span{color:#50d4dc}#stageError{position:absolute;z-index:10;left:20px;bottom:80px;color:#ffbda5;background:#442a2a;font-size:12px;max-width:500px;padding:10px;border-radius:6px;display:none}@media(max-width:900px){#shell{min-height:850px;height:auto}.header-center,.version{display:none}.workspace{flex-direction:column}.stage{height:58vh;min-height:420px;flex:auto}.inspector{width:100%;min-width:0;overflow:visible;flex:auto}.top-left{left:21px;top:25px}.top-right{display:none}.bottom-left{left:20px;bottom:20px}.bottom-right{right:17px;bottom:50px}.inspector-top,.toolgroup{padding-left:21px;padding-right:21px}}