:root{--cs-bg-base: #08090c;--cs-bg-surface: rgba(14, 17, 23, .88);--cs-bg-elevated: rgba(20, 24, 32, .95);--cs-bg-hover: rgba(255, 255, 255, .05);--cs-bg-active: rgba(255, 255, 255, .08);--cs-border-subtle: rgba(255, 255, 255, .08);--cs-border-default: rgba(255, 255, 255, .13);--cs-border-focus: rgba(0, 255, 102, .55);--cs-accent-green: #00ff66;--cs-accent-green-dim: rgba(0, 255, 102, .15);--cs-accent-green-glow: rgba(0, 255, 102, .25);--cs-text-primary: #f8fafc;--cs-text-secondary: #94a3b8;--cs-text-muted: #64748b;--cs-text-dim: #334155;--cs-font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, monospace;--cs-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--cs-bg-base);font-family:var(--cs-font-sans);color:var(--cs-text-primary);-webkit-font-smoothing:antialiased}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#canvas-container canvas{display:block;width:100%;height:100%;touch-action:none}#ui-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.mandelbulb-header,.mandelbulb-subbar,.mandelbulb-inspector,.mandelbulb-pip-box,.mandelbulb-modal,button,input{pointer-events:auto}.mandelbulb-header{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:14px;background:var(--cs-bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cs-border-default);border-radius:8px;box-shadow:0 4px 24px #000000b3;z-index:30}.brand-badge{display:flex;align-items:center;gap:6px;font-family:var(--cs-font-mono);font-size:13px;font-weight:600;letter-spacing:-.2px;white-space:nowrap}.brand-prompt{color:var(--cs-accent-green);font-weight:700;text-shadow:0 0 8px var(--cs-accent-green-glow)}.brand-name{color:var(--cs-text-primary);letter-spacing:.5px}.brand-divider{color:var(--cs-text-dim)}.brand-sub{color:var(--cs-text-muted);font-weight:400;font-size:12px}.brand-version{font-size:9px;padding:1px 5px;background:#ffffff0f;border:1px solid var(--cs-border-subtle);border-radius:4px;color:var(--cs-text-secondary);margin-left:4px}.search-command-wrapper{flex:1;max-width:460px;position:relative}.search-input-box{display:flex;align-items:center;background:#00000073;border:1px solid var(--cs-border-default);border-radius:6px;padding:5px 10px;gap:8px;transition:all .15s ease}.search-input-box:focus-within{border-color:var(--cs-accent-green);box-shadow:0 0 12px var(--cs-accent-green-glow);background:#000000a6}.search-icon{width:14px;height:14px;color:var(--cs-text-muted);display:flex;align-items:center}.search-input-box:focus-within .search-icon{color:var(--cs-accent-green)}.search-icon svg{width:14px;height:14px}.search-input-box input{flex:1;background:transparent;border:none;outline:none;font-family:var(--cs-font-mono);font-size:11px;color:var(--cs-text-primary);letter-spacing:.2px}.search-input-box input::placeholder{color:var(--cs-text-muted);font-size:11px}.search-kbd-hints{display:flex;gap:4px}.mandelbulb-kbd{padding:2px 5px;background:#ffffff0f;border:1px solid var(--cs-border-subtle);border-radius:4px;font-family:var(--cs-font-mono);font-size:9px;color:var(--cs-text-muted)}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--cs-bg-elevated);border:1px solid var(--cs-border-default);border-radius:6px;box-shadow:0 12px 36px #000000d9;overflow:hidden;z-index:50;max-height:380px;display:flex;flex-direction:column}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0006;border-bottom:1px solid var(--cs-border-subtle)}.dropdown-title{font-family:var(--cs-font-mono);font-size:9px;font-weight:700;letter-spacing:1px;color:var(--cs-text-secondary)}.dropdown-esc{font-size:10px;color:var(--cs-text-muted)}.dropdown-esc kbd{font-family:var(--cs-font-mono);font-size:9px;padding:1px 4px;background:#ffffff14;border-radius:3px}.dropdown-list{overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:2px}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:4px;cursor:pointer;font-family:var(--cs-font-mono);font-size:11px;color:var(--cs-text-primary);transition:all .1s ease}.dropdown-item:hover,.dropdown-item.active{background:var(--cs-bg-hover);color:var(--cs-accent-green)}.item-badge{font-size:9px;padding:2px 6px;border-radius:3px;background:#ffffff0f;color:var(--cs-text-muted)}.mandelbulb-mode-nav{display:flex;background:#0006;padding:3px;border-radius:6px;border:1px solid var(--cs-border-subtle);gap:2px}.mandelbulb-tab{display:flex;align-items:center;gap:6px;padding:5px 11px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--cs-text-muted);font-family:var(--cs-font-mono);font-size:10px;font-weight:500;cursor:pointer;letter-spacing:.5px;transition:all .15s ease}.tab-index{color:var(--cs-text-dim)}.mandelbulb-tab:hover{color:var(--cs-text-primary);background:var(--cs-bg-hover)}.mandelbulb-tab.active{color:#fff;background:#ffffff14;border-color:#ffffff2e}.mandelbulb-tab.active .tab-index{color:var(--cs-accent-green)}.header-right{display:flex;align-items:center;gap:6px}.mandelbulb-action-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#ffffff0a;border:1px solid var(--cs-border-default);border-radius:6px;color:var(--cs-text-primary);font-family:var(--cs-font-mono);font-size:10px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .15s ease}.mandelbulb-action-btn.primary{background:#ffffff14;border-color:#fff3;color:#fff}.mandelbulb-action-btn:hover{background:#ffffff1a;border-color:var(--cs-accent-green);color:#fff}.mandelbulb-action-btn.active{background:var(--cs-accent-green-dim);border-color:var(--cs-accent-green);color:var(--cs-accent-green)}.mandelbulb-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--cs-border-subtle);border-radius:6px;color:var(--cs-text-muted);cursor:pointer;transition:all .15s ease}.mandelbulb-icon-btn svg{width:14px;height:14px}.mandelbulb-icon-btn:hover{color:#fff;border-color:var(--cs-border-default);background:var(--cs-bg-hover)}.mandelbulb-subbar{position:absolute;top:66px;left:12px;z-index:20}.query-filters-box{display:flex;align-items:center;background:var(--cs-bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--cs-border-default);border-radius:6px;padding:4px 10px;gap:8px;box-shadow:0 4px 16px #0009}.query-label{font-family:var(--cs-font-mono);font-size:9px;font-weight:700;letter-spacing:.8px;color:var(--cs-text-muted);white-space:nowrap}.mandelbulb-tag-list{display:flex;gap:5px;overflow-x:auto;max-width:60vw;scrollbar-width:none}.mandelbulb-tag-list::-webkit-scrollbar{display:none}.mandelbulb-tag{padding:3px 8px;background:#00000073;border:1px solid var(--cs-border-subtle);border-radius:4px;font-family:var(--cs-font-mono);font-size:10px;color:var(--cs-text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease}.mandelbulb-tag:hover{color:var(--cs-text-primary);border-color:var(--cs-border-default);background:#ffffff0f}.mandelbulb-tag.active{color:var(--cs-accent-green);background:var(--cs-accent-green-dim);border-color:#00ff6659}.mandelbulb-inspector{position:absolute;bottom:12px;left:12px;background:var(--cs-bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--cs-border-default);border-radius:6px;padding:10px 14px;min-width:250px;box-shadow:0 6px 24px #0009;z-index:20}.inspector-header{display:flex;align-items:center;gap:8px;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--cs-border-subtle)}.status-indicator{width:6px;height:6px;background:var(--cs-accent-green);border-radius:50%;box-shadow:0 0 8px var(--cs-accent-green)}.inspector-title{font-family:var(--cs-font-mono);font-size:9px;font-weight:700;letter-spacing:.8px;color:var(--cs-text-muted)}.inspector-grid{display:flex;flex-direction:column;gap:4px}.data-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--cs-font-mono);font-size:10px;gap:12px}.data-key{color:var(--cs-text-muted);font-size:9px;letter-spacing:.4px}.data-val{color:var(--cs-text-primary);font-weight:500}.data-val.highlight{color:#fff;font-weight:600}.data-val.cyan{color:var(--cs-accent-green)}.data-val.amber{color:#e2e8f0}.mono-small{font-size:9px}.mandelbulb-pip-box{position:absolute;bottom:74px;right:12px;background:var(--cs-bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--cs-border-default);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 24px #000000b3;z-index:20}.pip-header{display:flex;justify-content:space-between;align-items:center}.pip-badge{font-family:var(--cs-font-mono);font-size:9px;font-weight:700;color:var(--cs-text-secondary);letter-spacing:.5px}.pip-close-btn{background:transparent;border:none;color:var(--cs-text-muted);font-size:16px;cursor:pointer;line-height:1}.pip-close-btn:hover{color:#fff}#julia-pip-canvas{width:170px;height:170px;border-radius:4px;border:1px solid var(--cs-border-subtle);background:#000}.pip-footer{font-family:var(--cs-font-mono);color:var(--cs-text-muted);text-align:center}#gui-container{position:absolute;top:66px;right:12px;z-index:40;pointer-events:auto;max-height:calc(100vh - 120px);display:flex;flex-direction:column}#gui-container .lil-gui.root{--background-color: rgba(14, 17, 23, .94);--text-color: #f1f5f9;--title-background-color: rgba(20, 24, 32, .98);--widget-color: rgba(255, 255, 255, .07);--hover-color: rgba(255, 255, 255, .12);--focus-color: rgba(0, 255, 102, .4);--number-color: #00ff66;--string-color: #94a3b8;font-family:var(--cs-font-mono);font-size:10px;border-radius:6px;border:1px solid var(--cs-border-default);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #000c,0 0 1px #fff3;max-height:calc(100vh - 120px);width:290px}#gui-container .lil-gui.root>.children{max-height:calc(100vh - 170px);overflow-y:auto}#gui-container .lil-gui .title{font-weight:700;letter-spacing:.6px;font-size:10px;text-transform:uppercase;color:#f8fafc}.mandelbulb-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.mandelbulb-modal{width:100%;max-width:620px;background:var(--cs-bg-elevated);border:1px solid var(--cs-border-default);border-radius:8px;box-shadow:0 16px 48px #000000e6;padding:20px;display:flex;flex-direction:column;gap:16px}.mandelbulb-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cs-border-subtle);padding-bottom:10px}.modal-title-group{display:flex;align-items:center;gap:8px}.modal-title-group h3{font-family:var(--cs-font-mono);font-size:13px;font-weight:700;letter-spacing:.5px;color:#fff}.mandelbulb-modal-close{background:transparent;border:none;color:var(--cs-text-muted);font-size:20px;cursor:pointer}.mandelbulb-modal-close:hover{color:#fff}.mandelbulb-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-family:var(--cs-font-mono);font-size:11px}.modal-column h4{font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--cs-text-secondary);margin-bottom:10px}.doc-list{display:flex;flex-direction:column;gap:6px}.doc-item{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--cs-text-secondary)}.doc-item kbd{padding:2px 6px;background:#ffffff14;border:1px solid var(--cs-border-subtle);border-radius:4px;color:#fff}.syntax-desc{color:var(--cs-text-secondary);font-size:10px;margin-bottom:8px}.syntax-examples{list-style:none;display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--cs-text-muted)}.syntax-examples code{color:var(--cs-accent-green)}@media(max-width:900px){.mandelbulb-header{flex-wrap:wrap;top:8px;left:8px;right:8px}.search-command-wrapper{order:3;max-width:100%;width:100%}.mandelbulb-subbar{top:115px}.lil-gui{top:155px!important}.mandelbulb-modal-body{grid-template-columns:1fr}}