@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700;800&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#09091a;height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;color:#ccf;font-family:JetBrains Mono,monospace}.studio-root{background:#09091a;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.studio-body{min-height:0}.studio-body,.studio-center{display:flex;flex:1 1;overflow:hidden}.studio-center{flex-direction:column;min-width:0}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0d0d1a}::-webkit-scrollbar-thumb{background:#2a2a5a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4a8a}::selection{background:#5555cc44}.toolbar{background:#09091a;border-bottom:1px solid #2a2a4a;flex-shrink:0;font-family:JetBrains Mono,monospace;gap:20px;height:48px;padding:0 16px}.toolbar,.toolbar-brand{align-items:center;display:flex}.toolbar-brand{gap:8px}.brand-icon{color:#66f;filter:drop-shadow(0 0 6px #6666ff88);font-size:20px}.brand-name{color:#ddf;font-size:13px;font-weight:800;letter-spacing:3px}.brand-sub{color:#446;font-size:9px;letter-spacing:1px}.mode-switcher{background:#13132a;border:1px solid #2a2a4a;border-radius:7px;display:flex;gap:4px;padding:4px}.mode-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#668;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;gap:6px;letter-spacing:1.5px;padding:5px 14px;transition:all .2s}.mode-btn:hover{background:#1e1e3a;color:#aac}.mode-btn--active{background:#1e1e4a;box-shadow:0 0 0 1px #5555cc44;color:#aaf}.mode-icon{font-size:13px}.toolbar-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.scene-info{display:flex;gap:6px}.info-badge{background:#13132a;border:1px solid #2a2a4a;border-radius:3px;color:#668;font-family:JetBrains Mono,monospace;font-size:9px;padding:3px 8px}.info-badge.selected{border-color:#55c;color:#aaf}.record-btn{background:#1e0e1e;border:1px solid #4a2a4a;border-radius:5px;color:#c6c;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;letter-spacing:1px;padding:6px 14px;transition:all .2s}.record-btn:hover{border-color:#c4c;color:#d8d}.record-btn.recording{animation:pulse-record 1s infinite;background:#2a0a0a;border-color:#f44;color:#f66}@keyframes pulse-record{0%,to{opacity:1}50%{opacity:.6}}.left-panel{background:#0e0e1f;border-right:1px solid #2a2a4a;display:flex;flex-direction:column;font-family:JetBrains Mono,monospace;font-size:11px;overflow:hidden;width:220px}.panel-header{align-items:center;background:#16162a;border-bottom:1px solid #2a2a4a;color:#88c;display:flex;font-size:10px;font-weight:700;gap:8px;letter-spacing:2px;padding:10px 14px}.panel-icon{color:#66f;font-size:14px}.drop-zone{background:#13132a;border:1.5px dashed #3a3a6a;border-radius:8px;cursor:pointer;margin:12px;padding:16px 10px;text-align:center;transition:all .2s}.drop-zone--active,.drop-zone:hover{background:#1a1a3a;border-color:#66f}.drop-zone-icon{color:#66f;font-size:22px;margin-bottom:6px}.drop-zone-text{color:#aad;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:3px}.drop-zone-sub,.object-list-header{color:#557;font-size:9px}.object-list-header{font-weight:700;letter-spacing:2px;padding:8px 14px 4px}.object-list{flex:1 1;overflow-y:auto;padding:4px 8px}.object-list::-webkit-scrollbar{width:4px}.object-list::-webkit-scrollbar-track{background:#0000}.object-list::-webkit-scrollbar-thumb{background:#336;border-radius:2px}.empty-list{color:#446;font-size:10px;padding:20px 10px;text-align:center}.object-item{align-items:center;border:1px solid #0000;border-radius:5px;color:#88b;cursor:pointer;display:flex;gap:7px;margin-bottom:2px;padding:7px 8px;transition:all .15s}.object-item:hover{background:#1e1e3a;color:#bbe}.object-item--selected{background:#1a1a4a;border-color:#55c;color:#ccf}.obj-icon{color:#66c;font-size:13px}.obj-name{flex:1 1;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-badge{background:#2a2a6a;border-radius:3px;color:#88f;font-size:8px;font-weight:700;padding:2px 4px}.obj-delete{background:none;border:none;border-radius:3px;color:#446;cursor:pointer;font-size:10px;padding:2px 4px;transition:all .15s}.obj-delete:hover{background:#4a1a1a;color:#f66}.viewport{background:#0d0d1a;flex:1 1;overflow:hidden;position:relative}.viewport canvas{display:block;height:100%!important;width:100%!important}.gizmo-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d22cc;border:1px solid #2a2a4a;border-radius:8px;display:flex;gap:4px;left:10px;padding:5px;position:absolute;top:10px;z-index:10}.gizmo-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:5px;color:#668;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;gap:5px;letter-spacing:1px;padding:5px 10px;transition:all .15s}.gizmo-btn:hover{background:#1e1e3a;color:#aac}.gizmo-btn.active{background:#1e1e4a;border-color:#55c;color:#aaf}.gizmo-icon{font-size:14px}.gizmo-key{background:#111128;border:1px solid #2a2a4a;border-radius:2px;color:#446;font-size:8px;padding:1px 4px}.right-panel{background:#0e0e1f;border-left:1px solid #2a2a4a;color:#99c;font-family:JetBrains Mono,monospace;font-size:10px;overflow-y:auto;width:260px}.right-panel::-webkit-scrollbar{width:4px}.right-panel::-webkit-scrollbar-track{background:#0000}.right-panel::-webkit-scrollbar-thumb{background:#336;border-radius:2px}.prop-section{border-bottom:1px solid #1e1e3a;padding:10px 14px}.section-title{align-items:center;color:#77a;display:flex;font-size:9px;font-weight:700;gap:7px;letter-spacing:2px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-icon{color:#66f;font-size:12px}.section-sublabel{color:#557;display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:5px}.prop-row{align-items:center;display:flex;gap:8px;margin-bottom:7px}.prop-row label{color:#77a;flex-shrink:0;font-size:9px;letter-spacing:.5px;width:72px}.prop-row input[type=range]{appearance:none;-webkit-appearance:none;background:#2a2a5a;border-radius:1px;cursor:pointer;flex:1 1;height:2px}.prop-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#66f;border-radius:50%;cursor:pointer;height:10px;width:10px}.prop-val{color:#ccf;font-size:9px;text-align:right;width:35px}.color-input{background:none;border:1px solid #3a3a6a;border-radius:4px;cursor:pointer;height:20px;padding:0;width:28px}.prop-divider{background:#1e1e3a;height:1px;margin:8px 0}.vec3-row{margin-bottom:9px}.vec3-label{color:#77a;display:block;font-size:9px;letter-spacing:.5px;margin-bottom:5px}.vec3-inputs{display:flex;gap:5px}.vec3-item{align-items:center;background:#13132a;border:1px solid #2a2a4a;border-radius:4px;display:flex;flex:1 1;gap:3px;padding:3px 5px}.vec3-axis{flex-shrink:0;font-size:8px;font-weight:800}.axis-x{color:#f06292}.axis-y{color:#66bb6a}.axis-z{color:#42a5f5}.vec3-item input{background:none;border:none;color:#ccf;flex:1 1;font-family:JetBrains Mono,monospace;font-size:9px;min-width:0;outline:none;width:0}.toggle-row{align-items:center;display:flex;gap:8px;margin-bottom:7px}.toggle-row label{color:#77a;flex:1 1;font-size:9px}.toggle-btn{background:#13132a;border:1px solid #3a3a5a;border-radius:3px;color:#557;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;letter-spacing:1px;padding:3px 10px;transition:all .15s}.toggle-btn.on{background:#1a1a4a;border-color:#55c;color:#aaf}.btn-small{background:#13132a;border:1px dashed #3a3a6a;border-radius:5px;color:#77c;cursor:pointer;display:block;font-family:JetBrains Mono,monospace;font-size:9px;margin-bottom:5px;padding:6px;text-align:center;transition:all .15s;width:100%}.btn-small:hover{background:#1a1a3a;border-color:#66f;color:#aaf}.btn-danger{border-color:#4a2a2a;color:#c66}.btn-danger:hover{background:#2a1a1a;border-color:#f44;color:#f88}.texture-section{display:flex;flex-direction:column;gap:4px}.skybox-btns{display:flex;gap:4px;margin-bottom:8px}.sky-btn{background:#13132a;border:1px solid #2a2a4a;border-radius:4px;color:#557;cursor:pointer;flex:1 1;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;padding:5px 4px;transition:all .15s}.sky-btn.active{background:#1a1a4a;border-color:#66f;color:#aaf}.anim-list{border:1px solid #1e1e3a;border-radius:5px;margin-bottom:8px;max-height:120px;overflow-y:auto}.anim-item{align-items:center;border-bottom:1px solid #1a1a3a;cursor:pointer;display:flex;justify-content:space-between;padding:6px 8px;transition:all .1s}.anim-item:hover{background:#1a1a3a}.anim-item.active{background:#1e1e4a;color:#aaf}.anim-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-dur{color:#557;font-size:9px;margin-left:5px}.anim-controls{margin-bottom:8px}.play-btn{background:#13132a;border:1px solid #3a3a6a;border-radius:5px;color:#88c;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:8px;transition:all .15s;width:100%}.play-btn.playing{background:#1a2a1a;border-color:#5c5;color:#8f8}.play-btn:hover{background:#1a1a4a;border-color:#66f}.ai-panel{background:#0a0a1e;border-top:1px solid #2a1a4a;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .2s}.ai-header{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background .15s;-webkit-user-select:none;user-select:none}.ai-header:hover{background:#12123a}.ai-icon{color:#c8f;font-size:13px}.ai-title{color:#96c;font-size:9px;font-weight:700;letter-spacing:2px}.error-count{background:#4a1a6a;border-radius:10px;color:#c8f;font-size:8px;font-weight:800;min-width:18px;padding:2px 6px;text-align:center}.ai-chevron{color:#557;font-size:9px;margin-left:auto}.ai-body{border-top:1px solid #1e0e3a;max-height:280px;overflow-y:auto;padding:10px 14px}.ai-body::-webkit-scrollbar{width:3px}.ai-body::-webkit-scrollbar-thumb{background:#4a2a6a;border-radius:2px}.api-key-row{display:flex;gap:5px;margin-bottom:8px}.api-key-input{background:#13132a;border:1px solid #3a1a5a;border-radius:5px;color:#c8f;flex:1 1;font-family:JetBrains Mono,monospace;font-size:9px;outline:none;padding:6px 8px}.api-key-input:focus{border-color:#96c}.api-key-input::placeholder{color:#446}.eye-btn{background:#1a0a2a;border:1px solid #3a1a5a;border-radius:5px;color:#96c;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .15s}.eye-btn:hover{border-color:#96c}.manual-input-row{align-items:flex-end;display:flex;gap:5px;margin-bottom:8px}.error-input{background:#13132a;border:1px solid #2a2a4a;border-radius:5px;color:#aac;flex:1 1;font-family:JetBrains Mono,monospace;font-size:9px;outline:none;padding:6px 8px;resize:none}.error-input:focus{border-color:#96c}.error-input::placeholder{color:#335}.resolve-manual-btn{background:#1a0a2a;border:1px solid #7a44aa;border-radius:5px;color:#c8f;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;padding:6px 10px;transition:all .15s;white-space:nowrap}.resolve-manual-btn:hover{background:#2a1a4a;border-color:#c8f}.error-logs{display:flex;flex-direction:column;gap:7px}.no-errors{color:#335;font-size:9px;padding:10px;text-align:center}.error-entry{background:#110e1e;border:1px solid #2a1a3a;border-radius:5px;padding:7px 9px}.error-msg{align-items:flex-start;display:flex;gap:6px;margin-bottom:6px}.err-icon{color:#f84;flex-shrink:0;font-size:11px}.err-text{color:#c97;font-size:9px;line-height:1.5}.resolution{background:#0e1e1a;border:1px solid #1a3a2a;border-radius:4px;padding:6px 8px}.res-label{color:#4c8;font-size:8px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.res-text{color:#8ca;font-size:9px;line-height:1.6;max-height:100px;overflow-y:auto;white-space:pre-wrap}.resolve-btn{background:#160e26;border:1px solid #5a2a8a;border-radius:4px;color:#a6e;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;padding:5px 12px;transition:all .15s}.resolve-btn:hover{border-color:#c8f;color:#c8f}.resolve-btn.loading{animation:pulse-ai 1s infinite;opacity:.6}@keyframes pulse-ai{0%,to{opacity:.6}50%{opacity:1}}.clear-btn{background:#0000;border:1px solid #2a1a3a;border-radius:4px;color:#435;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:1px;margin-top:8px;padding:5px;transition:all .15s;width:100%}.clear-btn:hover{border-color:#4a2a5a;color:#768}.timeline{background:#080818;border-top:1px solid #2a2a4a;flex-direction:column;font-family:JetBrains Mono,monospace;font-size:10px;height:180px;-webkit-user-select:none;user-select:none}.timeline,.tl-controls{display:flex;flex-shrink:0}.tl-controls{align-items:center;background:#0d0d22;border-bottom:1px solid #1e1e3a;gap:6px;padding:6px 12px}.tl-btn{background:#13132a;border:1px solid #2a2a5a;border-radius:4px;color:#88b;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;padding:4px 9px;transition:all .15s}.tl-btn:hover{background:#1a1a3a;border-color:#66f;color:#aaf}.tl-play{font-size:13px;min-width:32px;text-align:center}.tl-play.playing{background:#0e1e0e;border-color:#4c4;color:#8f8}.tl-time{color:#aac;font-size:10px;min-width:100px;padding:0 6px}.tl-kf-btn,.tl-time{font-weight:700;letter-spacing:1px}.tl-kf-btn{background:#1a1a0a;border-color:#5a5a22;color:#cc4;font-size:9px;padding:4px 10px}.tl-kf-btn:not(.disabled):hover{background:#2a2a0e;border-color:#aa4;color:#ff6}.tl-kf-btn.disabled{cursor:not-allowed;opacity:.3}.tl-duration{align-items:center;color:#557;display:flex;font-size:9px;gap:5px;margin-left:auto}.tl-duration input{background:#13132a;border:1px solid #2a2a4a;border-radius:3px;color:#aac;font-family:JetBrains Mono,monospace;font-size:9px;outline:none;padding:3px 5px;text-align:center;width:44px}.tl-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.tl-labels{border-right:1px solid #1e1e3a;flex-shrink:0;overflow-y:auto;padding-top:24px;width:140px}.tl-empty{color:#335;font-size:9px;padding:10px;text-align:center}.tl-label{align-items:center;border-bottom:1px solid #111128;color:#668;display:flex;font-size:9px;gap:5px;height:32px;padding:0 10px}.tl-label.active{background:#111130;color:#aaf}.tl-label-dot{color:#44a;flex-shrink:0;font-size:11px}.tl-label-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-kf-count{background:#2a2a0a;border-radius:2px;color:#aa4;flex-shrink:0;font-size:8px;padding:1px 4px}.tl-tracks-wrap{display:flex;flex:1 1;flex-direction:column}.tl-ruler,.tl-tracks-wrap{overflow:hidden;position:relative}.tl-ruler{background:#0d0d22;border-bottom:1px solid #1e1e3a;cursor:crosshair;flex-shrink:0;height:24px}.tl-tick{align-items:center;display:flex;flex-direction:column;pointer-events:none;position:absolute;top:0;transform:translateX(-50%)}.tl-tick:before{background:#3a3a5a;content:"";display:block;height:8px;width:1px}.tl-tick span{color:#446;font-size:8px;margin-top:1px}.tl-playhead{background:#fc0;bottom:0;box-shadow:0 0 6px #fc09;pointer-events:none;position:absolute;top:0;transform:translateX(-1px);width:2px;z-index:5}.tl-tracks{flex:1 1;overflow-y:auto}.tl-track{background:#0a0a1e;border-bottom:1px solid #111128;height:32px;position:relative;transition:background .1s}.tl-track.active{background:#0d0d28}.tl-track-playhead{background:#ffcc0055;bottom:0;top:0;transform:translateX(-.5px);width:1px;z-index:2}.tl-kf-line,.tl-track-playhead{pointer-events:none;position:absolute}.tl-kf-line{background:linear-gradient(90deg,#ffcc0077,#fc03);height:2px;top:50%;transform:translateY(-50%);z-index:1}.tl-kf-diamond{color:#fc0;cursor:pointer;font-size:12px;line-height:1;position:absolute;text-shadow:0 0 6px #fc09;top:50%;transform:translate(-50%,-50%);transition:all .1s;z-index:3}.tl-kf-diamond:hover{color:#f44;text-shadow:0 0 8px #f449;transform:translate(-50%,-50%) scale(1.4)}