:root{--b-bg:#faf8d4;--b-card:#fff;--b-card-elevated:#f4f2cb;--b-card-glass:#ffffffe6;--b-text:#111118;--b-text-secondary:#4a4a68;--b-muted:#6e6e82;--b-accent:#6c63ff;--b-accent-dark:#584be2;--b-accent-glow:#6c63ff4d;--b-accent-light:#6c63ff1f;--b-success:#10b981;--b-warning:#f59e0b;--b-danger:#ef4444;--b-border:#00000014;--b-border-hover:#6c63ff73;--b-radius:12px;--b-radius-sm:8px;--b-radius-lg:16px;--b-editor-bg:#0d1117;--b-editor-gutter:#161b22;--b-editor-text:#e6edf3;--b-editor-line:#21262d;--b-shadow:0 16px 36px #00000026}body.studio-app-body,.studio-app-container{--b-bg:#1f2125;--b-card:#27292e;--b-card-elevated:#2f3136;--b-card-glass:#27292eeb;--b-text:#f2f3f5;--b-text-secondary:#dbdee1;--b-muted:#949ba4;--b-accent:#5865f2;--b-accent-dark:#4752c4;--b-accent-glow:#5865f259;--b-accent-light:#5865f226;--b-success:#22c55e;--b-warning:#f59e0b;--b-danger:#f23f43;--b-border:#ffffff17;--b-border-hover:#5865f280;--b-radius:12px;--b-radius-sm:8px;--b-radius-lg:14px;--b-editor-bg:#1f2125;--b-editor-gutter:#27292e;--b-editor-text:#f2f3f5;--b-editor-line:#35373c;--b-shadow:0 12px 32px #00000059;color:#f2f3f5;background:#1f2125!important}body.studio-app-body{color:var(--b-text);min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--b-bg)!important}.builder-container,.studio-app-container{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-width:1800px;margin:0 auto;padding:8px 16px;display:flex}.studio-topbar{background:var(--b-card);border:1px solid var(--b-border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:4px 12px;display:flex;box-shadow:0 4px 16px #00000040}.studio-topbar-left{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.studio-breadcrumb{color:var(--b-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:.74rem;display:flex}.studio-breadcrumb a{color:var(--b-text-secondary);text-decoration:none;transition:color .15s}.studio-command-identity{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.studio-command-icon{background:var(--b-accent-light);color:var(--b-accent);border:1px solid #5865f24d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}.studio-name-desc-wrap{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.studio-name-input{color:var(--b-text);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;width:160px;max-width:200px;height:28px;padding:3px 8px;font-size:.95rem;font-weight:700;transition:all .2s}.studio-name-input:focus,.studio-name-input:hover{background:var(--b-card-elevated);border-color:var(--b-border-hover)}.studio-desc-input{color:var(--b-muted);box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;flex:1;max-width:320px;height:28px;padding:3px 8px;font-size:.78rem;transition:all .2s;overflow:hidden}.studio-desc-input:focus,.studio-desc-input:hover{background:var(--b-card-elevated);border-color:var(--b-border-hover);color:var(--b-text-secondary)}.studio-topbar-center{justify-content:center;align-items:center;display:flex}.builder-mode-switcher{background:var(--b-card-elevated);border:1px solid var(--b-border);user-select:none;border-radius:20px;gap:2px;padding:2px;display:inline-flex}.builder-mode-pill{color:var(--b-muted);cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.builder-mode-pill:hover:not(.active){color:var(--b-text)}.builder-mode-pill.active{background:var(--b-accent);color:#fff;box-shadow:0 2px 8px var(--b-accent-glow)}.studio-topbar-right{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.studio-toggle-label{cursor:pointer;user-select:none;background:var(--b-card-elevated);border:1px solid var(--b-border);color:var(--b-text-secondary);border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.studio-toggle-label:hover{border-color:var(--b-border-hover)}.studio-btn-subtle{background:var(--b-card-elevated);color:var(--b-text-secondary);border:1px solid var(--b-border);border-radius:var(--b-radius-sm);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.studio-btn-subtle:hover{border-color:var(--b-border-hover);color:var(--b-text);background:#ffffff0d}.btn-draft{color:var(--b-text);border-radius:var(--b-radius-sm);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;padding:5px 12px;font-size:.8rem;font-weight:700;transition:all .2s}.btn-draft:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.btn-publish{color:#fff;border-radius:var(--b-radius-sm);cursor:pointer;box-shadow:0 2px 10px var(--b-accent-glow);background:linear-gradient(135deg,#5865f2 0%,#4752c4 100%);border:none;padding:5px 14px;font-size:.8rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-publish:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #5865f273}.btn-draft:disabled,.btn-publish:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--b-muted);border:1px solid var(--b-border);border-radius:var(--b-radius-sm);cursor:pointer;background:0 0;padding:5px 10px;font-size:.78rem;text-decoration:none;transition:all .15s}.btn-secondary:hover{color:var(--b-text);border-color:#fff3}.studio-sharing-drawer{background:var(--b-card);border:1px solid var(--b-border);border-radius:var(--b-radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;animation:.2s fadeIn;display:flex}.sharing-info-text{color:var(--b-muted);font-size:.82rem}.sharing-checkboxes{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.sharing-checkbox-item{cursor:pointer;color:var(--b-text);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.sharing-note{color:var(--b-warning);background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:6px;padding:4px 10px;font-size:.78rem}.studio-main-grid{border:1px solid var(--b-border);border-radius:var(--b-radius-lg);height:calc(100vh - 90px);min-height:600px;max-height:1000px;box-shadow:var(--b-shadow);background:#1f2125;grid-template-columns:270px minmax(0,1fr) 300px;transition:grid-template-columns .25s;display:grid;position:relative;overflow:hidden}.studio-main-grid.lib-collapsed{grid-template-columns:46px minmax(0,1fr) 300px}.studio-main-grid.insp-collapsed{grid-template-columns:270px minmax(0,1fr) 46px}.studio-main-grid.lib-collapsed.insp-collapsed,.studio-main-grid.focus-mode{grid-template-columns:46px minmax(0,1fr) 46px}@media (width<=1200px){.studio-main-grid{grid-template-columns:240px minmax(0,1fr) 270px}.studio-main-grid.lib-collapsed{grid-template-columns:46px minmax(0,1fr) 270px}.studio-main-grid.insp-collapsed{grid-template-columns:240px minmax(0,1fr) 46px}.studio-main-grid.lib-collapsed.insp-collapsed,.studio-main-grid.focus-mode{grid-template-columns:46px minmax(0,1fr) 46px}}@media (width<=900px){.studio-main-grid{grid-template-columns:1fr;height:auto}}.studio-library-panel{background:var(--b-card);border-right:1px solid var(--b-border);z-index:5;flex-direction:column;transition:width .2s;display:flex;overflow:hidden}.studio-library-panel.collapsed{width:46px;min-width:46px;padding:0}.studio-library-panel.collapsed .studio-lib-header{justify-content:center;padding:12px 6px}.studio-library-panel.collapsed .studio-lib-header h3{display:none}.studio-library-panel.collapsed .studio-lib-search,.studio-library-panel.collapsed .studio-lib-list{display:none!important}.studio-lib-header{border-bottom:1px solid var(--b-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.studio-lib-header h3{color:var(--b-text);align-items:center;gap:8px;margin:0;font-size:.94rem;font-weight:800;display:flex}.studio-lib-search{border-bottom:1px solid var(--b-border);padding:10px 14px}.studio-lib-filter-pills{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.studio-lib-filter-pill{border:1px solid var(--b-border);color:var(--b-muted);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .15s}.studio-lib-filter-pill:hover{color:var(--b-text);border-color:var(--b-accent);background:#6c63ff26}.studio-lib-filter-pill.active{background:var(--b-accent);color:#fff;border-color:var(--b-accent);box-shadow:0 2px 6px #6c63ff66}.studio-input{background:var(--b-card-elevated);border:1px solid var(--b-border);width:100%;color:var(--b-text);border-radius:var(--b-radius-sm);box-sizing:border-box;outline:none;padding:8px 12px;font-size:.84rem;transition:all .15s}.studio-input:focus{border-color:var(--b-accent);box-shadow:0 0 0 2px var(--b-accent-light)}.studio-lib-list{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.studio-lib-tile{background:var(--b-card-elevated);border:1px solid var(--b-border);border-radius:var(--b-radius-sm);cursor:pointer;user-select:none;align-items:center;gap:12px;padding:10px 12px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.studio-lib-tile:hover:not(.planned){border-color:var(--b-accent);background:#6c63ff14;transform:translate(3px)}.studio-lib-tile.planned{opacity:.55;cursor:default;border-style:dashed}.studio-lib-tile-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.15rem;display:flex}.studio-lib-tile-info{flex:1;min-width:0}.studio-lib-tile-name{color:var(--b-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.84rem;font-weight:700;overflow:hidden}.studio-lib-tile-desc{color:var(--b-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.studio-add-plus{color:var(--b-muted);font-size:1.1rem;font-weight:700;transition:color .15s}.studio-lib-tile:hover .studio-add-plus{color:var(--b-accent)}.studio-planned-badge{color:var(--b-muted);text-transform:uppercase;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.studio-canvas-panel{background:#1e1f22;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.studio-canvas-floating-bar{-webkit-backdrop-filter:blur(10px);z-index:20;user-select:none;background:#232529f0;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:2px;padding:2px 6px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.studio-tool-btn{color:var(--b-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.studio-tool-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.studio-tool-btn:disabled{opacity:.35;cursor:not-allowed}.tool-divider{background:#ffffff1f;width:1px;height:14px;margin:0 2px}.zoom-badge{color:var(--b-muted);text-align:center;min-width:36px;font-family:Fira Code,monospace;font-size:.72rem}.studio-canvas-wrap{cursor:grab;background:#1e1f22;width:100%;height:100%;min-height:550px;position:relative;overflow:hidden}.studio-canvas-wrap:active{cursor:grabbing}.studio-canvas-svg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.studio-canvas-nodes{transform-origin:0 0;z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.studio-node{pointer-events:auto;cursor:default;user-select:none;box-sizing:border-box;background:#2b2d31;border:1px solid #ffffff14;border-radius:12px;width:270px;padding:12px 14px;transition:box-shadow .15s,border-color .15s;position:absolute;box-shadow:0 4px 16px #00000059}.studio-node:hover{border-color:#ffffff2e;box-shadow:0 6px 20px #00000073}.studio-node.selected{border:1.5px solid #d97706!important;box-shadow:0 0 0 1px #d9770659,0 8px 24px #00000080!important}.studio-node.sim-active{border-color:var(--b-success)!important;box-shadow:0 0 0 2px var(--b-success), 0 0 24px #22c55e66!important}.studio-node-card-row{cursor:move;align-items:center;gap:12px;display:flex}.studio-node-badge-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 2px 6px #00000040}.studio-node-text-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.studio-node-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.25;overflow:hidden}.studio-node-subtitle{color:#949ba4;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.76rem;font-weight:500;line-height:1.3;overflow:hidden}.studio-branch-pill{color:#dbdee1;cursor:pointer;background:#35373c;border:none;border-radius:9999px;align-items:center;gap:4px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .15s;display:inline-flex}.studio-branch-pill:hover{color:#fff;background:#404249}.studio-node-body{justify-content:space-between;min-height:20px;padding-top:8px;display:flex;position:relative}.studio-node-ports-left,.studio-node-ports-right{flex-direction:column;gap:8px;display:flex}.studio-port{color:var(--b-text-secondary);align-items:center;gap:6px;font-size:.72rem;display:flex}.studio-port-in{padding-left:0}.studio-port-out{padding-right:0}.studio-port-pin{cursor:crosshair;box-sizing:border-box;background:#3b82f6;border:2px solid #2b2d31;border-radius:50%;width:13px;height:13px;transition:transform .15s,background-color .15s;box-shadow:0 0 6px #3b82f680}.studio-port-in .studio-port-pin{margin-left:-7px}.studio-port-out .studio-port-pin{margin-right:-7px}.studio-port-pin:hover{background:#60a5fa;transform:scale(1.4);box-shadow:0 0 10px #60a5facc}.wire-delete-btn{cursor:pointer;transition:transform .15s}.wire-delete-btn:hover{transform:scale(1.25)}.wire-delete-circle{fill:#35373c;stroke:#4e5058;stroke-width:1.5px;cursor:pointer;transition:fill .15s,stroke .15s}.wire-delete-btn:hover .wire-delete-circle{fill:#ef4444;stroke:#f87171}.wire-delete-cross{fill:none;stroke:#dbdee1;stroke-width:1.5px;stroke-linecap:round;pointer-events:none}.wire-delete-btn:hover .wire-delete-cross{stroke:#fff}.studio-port-pin:hover{background:#6c63ff;transform:scale(1.35)}.studio-wire{fill:none;stroke:#6c63ffb3;stroke-width:3px;pointer-events:stroke;cursor:pointer;transition:stroke .15s,stroke-width .15s}.studio-wire:hover{stroke:#f43f5e;stroke-width:5px}.studio-wire.selected{stroke:#f43f5e;stroke-width:4px}.studio-active-wire{fill:none;stroke:#a5b4fc;stroke-width:3px;stroke-dasharray:6 4}.studio-minimap-wrap{backdrop-filter:blur(10px);z-index:15;background:#111827d9;border:1px solid #ffffff1f;border-radius:8px;width:160px;height:100px;position:absolute;bottom:14px;left:14px;overflow:hidden;box-shadow:0 4px 16px #0006}.studio-minimap-viewport{border:1px solid var(--b-accent);pointer-events:none;background:#6c63ff26;position:absolute}.studio-inspector-panel{background:var(--b-card);border-left:1px solid var(--b-border);z-index:5;flex-direction:column;transition:width .2s;display:flex;overflow:hidden}.studio-inspector-panel.collapsed{width:46px;min-width:46px;padding:0}.studio-inspector-panel.collapsed .inspector-header h3{display:none}.studio-inspector-panel.collapsed .inspector-body{display:none!important}.inspector-header{border-bottom:1px solid var(--b-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.inspector-body{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.studio-field-group{flex-direction:column;gap:6px;display:flex}.studio-field-group label{color:var(--b-text);font-size:.82rem;font-weight:700}.studio-textarea{background:var(--b-card-elevated);border:1px solid var(--b-border);width:100%;color:var(--b-text);border-radius:var(--b-radius-sm);box-sizing:border-box;resize:vertical;outline:none;min-height:70px;padding:8px 12px;font-family:inherit;font-size:.84rem;transition:all .15s}.studio-textarea:focus{border-color:var(--b-accent);box-shadow:0 0 0 2px var(--b-accent-light)}.studio-select{background:var(--b-card-elevated);border:1px solid var(--b-border);width:100%;color:var(--b-text);border-radius:var(--b-radius-sm);box-sizing:border-box;cursor:pointer;outline:none;padding:8px 12px;font-size:.84rem}.studio-var-pills{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.studio-var-pill{color:#a5b4fc;cursor:pointer;background:#6c63ff1f;border:1px solid #6c63ff4d;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:.72rem;font-weight:600;transition:all .15s}.studio-var-pill:hover{border-color:var(--b-accent);color:#fff;background:#6c63ff47;transform:translateY(-1px)}.studio-color-swatches{align-items:center;gap:6px;margin-top:6px;display:flex}.studio-color-swatch{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;outline:none;width:22px;height:22px;padding:0;transition:transform .15s,border-color .15s}.studio-color-swatch:hover{border-color:#fff;transform:scale(1.22)}.studio-dock-drawer{background:var(--b-card);border:1px solid var(--b-border);border-radius:var(--b-radius-lg);box-shadow:var(--b-shadow);flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.studio-dock-header{background:var(--b-card-elevated);border-bottom:1px solid var(--b-border);justify-content:space-between;align-items:center;padding:4px 16px;display:flex}.studio-dock-tabs{align-items:center;gap:4px;display:flex}.dock-tab-btn{color:var(--b-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex}.dock-tab-btn:hover{color:var(--b-text)}.dock-tab-btn.active{color:var(--b-accent);border-bottom-color:var(--b-accent);background:#6c63ff14}.dock-badge{background:var(--b-danger);color:#fff;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:800}.dock-close-btn{color:var(--b-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:1rem}.dock-close-btn:hover{color:var(--b-text);background:#ffffff0d}.studio-dock-body{min-height:220px;max-height:380px;padding:16px;overflow-y:auto}.studio-dock-drawer.collapsed{height:40px;min-height:40px;max-height:40px}.studio-dock-drawer.collapsed .studio-dock-header{border-bottom:none}.studio-dock-drawer.collapsed .studio-dock-body{display:none!important}.dock-pane{display:none}.dock-pane.active{display:block}.discord-preview-wrap{color:#dbdee1;background:#313338;border-radius:10px;max-width:680px;padding:16px;font-family:Inter,sans-serif}.discord-invocation{color:#949ba4;align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;display:flex}.discord-invocation code{color:#00a8fc;background:#ffffff12;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace}.discord-message-row{align-items:flex-start;gap:14px;display:flex}.discord-avatar{background:#5865f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.discord-content-area{flex-direction:column;flex:1;gap:4px;display:flex}.discord-header{align-items:center;gap:8px;display:flex}.discord-author{color:#f2f3f5;font-size:.95rem;font-weight:700}.discord-badge{color:#fff;text-transform:uppercase;background:#5865f2;border-radius:3px;padding:1px 4px;font-size:.65rem;font-weight:800}.discord-time{color:#949ba4;font-size:.72rem}.discord-reply-body{color:#dbdee1;margin-top:2px;font-size:.94rem;line-height:1.4}.discord-embed-card{background:#2b2d31;border-left:4px solid #6c63ff;border-radius:4px;flex-direction:column;gap:6px;margin-top:8px;padding:12px 14px;display:flex}.discord-embed-title{color:#fff;font-size:.95rem;font-weight:700}.discord-embed-desc{color:#dbdee1;font-size:.86rem;line-height:1.4}.discord-embed-footer{color:#949ba4;border-top:1px solid #ffffff0d;align-items:center;gap:6px;margin-top:6px;padding-top:6px;font-size:.74rem;display:flex}.simulation-console{background:var(--b-bg);border-radius:var(--b-radius-sm);color:#e2e8f0;border:1px solid #ffffff14;flex-direction:column;gap:6px;max-height:220px;padding:14px;font-family:Fira Code,monospace;font-size:.84rem;display:flex;overflow-y:auto}.sim-log-item{line-height:1.5}.studio-code-workspace{background:var(--b-card);border:1px solid var(--b-border);border-radius:var(--b-radius-lg);box-shadow:var(--b-shadow);flex-direction:column;display:flex;overflow:hidden}.editor-frame{background:var(--b-editor-bg);flex-direction:column;display:flex}.editor-topbar{background:var(--b-card-elevated);border-bottom:1px solid var(--b-border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.editor-title-tag{color:var(--b-text);align-items:center;gap:6px;font-family:Fira Code,monospace;font-size:.84rem;display:flex}.editor-status-pill{color:var(--b-success);background:#10b98126;border:1px solid #10b9814d;border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700}.editor-workspace{background:var(--b-editor-bg);height:520px;display:flex}.editor-gutter{background:var(--b-editor-gutter);border-right:1px solid var(--b-border);color:#4b5563;text-align:right;user-select:none;box-sizing:border-box;width:48px;padding:14px 6px;font-family:Fira Code,monospace;font-size:.88rem;line-height:1.5}.editor-textarea{color:var(--b-editor-text);resize:none;white-space:pre;overflow-wrap:normal;background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-family:Fira Code,monospace;font-size:.88rem;line-height:1.5;overflow-x:auto}.editor-footer{background:var(--b-card-elevated);border-top:1px solid var(--b-border);color:var(--b-muted);user-select:none;justify-content:space-between;padding:6px 16px;font-size:.78rem;display:flex}.diagnostics-panel{border-radius:var(--b-radius-sm);background:#ef444414;border:1px solid #ef444440;margin-top:12px;padding:12px 16px;display:none}.diagnostics-panel.has-errors{display:block}.diagnostics-title{color:var(--b-danger);margin-bottom:6px;font-size:.86rem;font-weight:800}.diagnostics-list{color:#fca5a5;margin:0;padding-left:20px;font-size:.82rem}.save-modal-backdrop{backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.save-modal-card{background:var(--b-card);border:1px solid var(--b-border);border-radius:var(--b-radius-lg);text-align:center;flex-direction:column;gap:16px;width:min(90%,460px);padding:28px;display:flex;box-shadow:0 24px 60px #0009}.save-modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.studio-main-grid-wrapper{border:1px solid var(--b-border);border-radius:var(--b-radius-lg);height:calc(100vh - 58px);min-height:600px;box-shadow:var(--b-shadow);background:#18191c;flex-direction:column;display:flex;position:relative;overflow:hidden}#visualBuilderView{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.studio-structured-workspace{user-select:none;background:#18191c;flex-direction:row;flex:auto;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.studio-explorer-panel{z-index:10;background:#232428;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:280px;min-width:240px;max-width:340px;height:100%;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.studio-explorer-panel.collapsed{border-right:1px solid #ffffff14;overflow:hidden;width:44px!important;min-width:44px!important;max-width:44px!important}.studio-explorer-panel.collapsed .studio-sidebar-tabs-bar{justify-content:center;padding:8px 6px}.studio-explorer-panel.collapsed .studio-sidebar-tabs,.studio-explorer-panel.collapsed .studio-explorer-actions-bar,.studio-explorer-panel.collapsed .studio-sidebar-pane{display:none!important}.studio-explorer-panel.collapsed #btnToggleExplorer,.studio-explorer-panel.collapsed #btntoggleexplorer{margin:0 auto}.studio-sidebar-tabs-bar{background:#1e1f22;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.studio-sidebar-tabs{background:#00000040;border-radius:6px;flex:1;align-items:center;gap:4px;padding:3px;display:flex}.sidebar-tab-btn{color:#949ba4;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex:1;padding:5px 8px;font-size:.78rem;font-weight:700;transition:all .15s}.sidebar-tab-btn:hover{color:#dbdee1}.sidebar-tab-btn.active{color:#fff;background:#5865f2;box-shadow:0 1px 4px #0000004d}.studio-sidebar-pane{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.studio-explorer-search-box{border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:8px 10px}.studio-explorer-actions-bar{border-bottom:1px solid #ffffff0f;flex-shrink:0;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;display:grid}.explorer-action-btn{color:#dbdee1;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:5px;padding:5px 8px;font-size:.74rem;font-weight:700;transition:all .12s}.explorer-action-btn:hover{color:#fff;background:#5865f233;border-color:#5865f2}.explorer-section{flex-direction:column;gap:2px;display:flex}.explorer-section-header{color:#949ba4;cursor:pointer;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:.78rem;font-weight:700;transition:background .12s,color .12s;display:flex}.explorer-section-header:hover{color:#fff;background:#ffffff0a}.explorer-section-arrow,.exploresectionarrow,span.exploresectionarrow,span.explorer-section-arrow{color:#949ba4;cursor:pointer;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;transition:transform .2s cubic-bezier(.4,0,.2,1),color .15s;display:inline-flex}.explorer-section-header:hover .explorer-section-arrow,.explorer-section-header:hover .exploresectionarrow,.explorer-section-arrow:hover,.exploresectionarrow:hover{color:#fff}.explorer-section.collapsed .explorer-section-arrow,.explorer-section.collapsed .exploresectionarrow,.explorer-section-arrow.collapsed,.exploresectionarrow.collapsed{transform:rotate(-90deg)}.explorer-section-title{flex:1}.explorer-section-count{color:#949ba4;background:#ffffff14;border-radius:10px;padding:1px 6px;font-size:.68rem;font-weight:700}.explorer-section-items{flex-direction:column;gap:2px;padding-left:12px;display:flex}.explorer-item{color:#dbdee1;cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.8rem;transition:background .12s,color .12s;display:flex}.explorer-item:hover{color:#fff;background:#ffffff0d}.explorer-item.active{color:#fff;background:#5865f233;border-color:#5865f266;font-weight:600}.explorer-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.explorer-item-badge{color:#949ba4;background:#ffffff14;border-radius:4px;padding:1px 5px;font-family:Fira Code,monospace;font-size:.65rem}.studio-toolbox-list{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.toolbox-category{flex-direction:column;gap:3px;display:flex}.toolbox-category-header{text-transform:uppercase;letter-spacing:.05em;color:#949ba4;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:.72rem;font-weight:800;transition:color .15s;display:flex}.toolbox-category-header:hover{color:#fff;background:#ffffff0a}.toolbox-category-chips{flex-direction:column;gap:3px;padding-left:4px;display:flex}.toolbox-category-chips.collapsed{display:none}.toolbox-chip{border:1px solid #ffffff0f;border-left:3px solid var(--chip-color,#5865f2);color:#dbdee1;cursor:pointer;user-select:none;background:#1e1f22;border-radius:5px;align-items:center;gap:8px;padding:5px 9px;font-size:.76rem;transition:all .12s;display:flex}.toolbox-chip:hover{color:#fff;background:#5865f226;border-color:#5865f266;transform:translate(2px)}.studio-program-editor-panel{background:#18191c;flex-direction:column;flex:65%;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.studio-editor-component-header{z-index:5;background:#1e1f22;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:52px;min-height:52px;padding:0 16px;display:flex}.component-header-left{align-items:center;gap:12px;min-width:0;display:flex}.component-type-badge{color:#818cf8;white-space:nowrap;background:#5865f233;border:1px solid #5865f259;border-radius:4px;padding:3px 8px;font-family:Fira Code,monospace;font-size:.72rem;font-weight:800}.component-title-wrap{flex-direction:column;min-width:0;display:flex}.component-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:800;overflow:hidden}.component-subtitle{color:#949ba4;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.studio-blockly-workspace-container{background:#18191c;flex:1;width:100%;height:calc(100% - 52px);min-height:0;position:relative;overflow:hidden}#blocklyDiv{width:100%;height:100%;position:absolute;inset:0}.studio-config-editor-container{box-sizing:border-box;background:#18191c;flex:1;width:100%;height:calc(100% - 52px);min-height:0;padding:24px 20px 60px;overflow:hidden auto}.studio-config-editor-container::-webkit-scrollbar{width:8px}.studio-config-editor-container::-webkit-scrollbar-track{background:#0003}.studio-config-editor-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.studio-config-editor-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.inspector-card{background:#00000038;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.inspector-card-title{color:#949ba4;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:800;display:flex}.inspector-conn-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.inspector-conn-header{justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.inspector-conn-name{color:#c7d2fe;font-family:Fira Code,monospace;font-weight:700}.inspector-conn-status{border-radius:4px;padding:1px 6px;font-size:.7rem}.inspector-conn-status.connected{color:#34d399;background:#10b98126}.inspector-conn-status.empty{color:#fbbf24;background:#f59e0b26}.inspector-quick-pills{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.inspector-quick-pill{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:2px 7px;font-size:.7rem;transition:all .15s}.inspector-quick-pill:hover{color:#fff;background:#5865f240;border-color:#5865f280}.studio-inspector-panel{z-index:10;background:#232428;border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:320px;min-width:260px;max-width:380px;height:100%;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.studio-inspector-panel.collapsed{border-left:1px solid #ffffff14;overflow:hidden;width:44px!important;min-width:44px!important;max-width:44px!important}.studio-inspector-panel.collapsed .inspector-header{justify-content:center;padding:8px 6px}.studio-inspector-panel.collapsed .inspector-header h3,.studio-inspector-panel.collapsed .inspector-body{display:none!important}.studio-inspector-panel.collapsed #btnToggleInsp,.studio-inspector-panel.collapsed #btntoggleinsp{margin:0 auto}button#btnToggleExplorer.studio-tool-btn,button#btnToggleInsp.studio-tool-btn,button#btntoggleexplorer.studio-tool-btn,button#btntoggleinsp.studio-tool-btn,button#btnToggleExplorer.tudio-tool-btn,button#btnToggleInsp.tudio-tool-btn,button#btntoggleexplorer.tudio-tool-btn,button#btntoggleinsp.tudio-tool-btn{color:#949ba4;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:.82rem;line-height:1;transition:all .15s;display:inline-flex}button#btnToggleExplorer.studio-tool-btn:hover,button#btnToggleInsp.studio-tool-btn:hover,button#btntoggleexplorer.studio-tool-btn:hover,button#btntoggleinsp.studio-tool-btn:hover,button#btnToggleExplorer.tudio-tool-btn:hover,button#btnToggleInsp.tudio-tool-btn:hover,button#btntoggleexplorer.tudio-tool-btn:hover,button#btntoggleinsp.tudio-tool-btn:hover{color:#fff;background:#5865f233;border-color:#5865f280;box-shadow:0 0 8px #5865f240}.inspector-header{background:#1e1f22;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.inspector-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:.88rem;font-weight:800;display:flex}.inspector-body{flex:1;padding:14px;overflow-y:auto}.inspector-snippet-pre{color:#86efac;background:#00000059;border:1px solid #ffffff14;border-radius:6px;margin:6px 0 0;padding:10px;font-family:Fira Code,monospace;font-size:.78rem;line-height:1.4;overflow-x:auto}.studio-structured-workspace.focus-mode .studio-explorer-panel,.studio-structured-workspace.focus-mode .studio-inspector-panel{border:none!important;width:0!important;min-width:0!important;overflow:hidden!important}.studio-quick-tools{background:#00000040;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;display:flex}.studio-tool-divider{background:#ffffff1f;width:1px;height:16px;margin:0 4px}.studio-editor-badge{color:#fff;background:#5865f2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;font-weight:800;display:flex}.studio-editor-title-wrap{flex-direction:column;min-width:0;display:flex}.studio-editor-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:800;line-height:1.2;overflow:hidden}.studio-editor-subtitle{color:#949ba4;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.76rem;line-height:1.3;overflow:hidden}.studio-editor-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.studio-editor-scroll-area{scroll-behavior:smooth;flex:1;padding:20px 24px 60px;overflow:hidden auto}.studio-editor-body{flex-direction:column;gap:2px;width:100%;max-width:940px;margin:0 auto;display:flex}.vblock-stack{flex-direction:column;gap:0;min-height:40px;display:flex;position:relative}.vblock-stack-empty{text-align:center;color:#64748b;background:#ffffff04;border:1.5px dashed #ffffff1f;border-radius:8px;margin:6px 0;padding:16px;font-size:.82rem}.vblock-item{cursor:pointer;user-select:none;transition:all .15s;position:relative}.vblock-item[data-cat=control_flow],.vblock-item[data-cat=logic]{border-left-color:#16a34a!important}.vblock-item[data-cat=data_state],.vblock-item[data-cat=state]{border-left-color:#9333ea!important}.vblock-item[data-cat=messages]{border-left-color:#0284c7!important}.vblock-item[data-cat=moderation],.vblock-item[data-cat=mod]{border-left-color:#dc2626!important}.vblock-item[data-cat=roles_perms],.vblock-item[data-cat=roles]{border-left-color:#0d9488!important}.vblock-item[data-cat=timing]{border-left-color:#d97706!important}.vblock-item[data-cat=control]{border-left-color:#ef4444!important}.vblock-item[data-cat=components]{border-left-color:#6366f1!important}.vblock-stmt-row{box-sizing:border-box;color:#dbdee1;background:#23252a;border:1px solid #ffffff12;border-left:3.5px solid #5865f2;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;margin:1px 0;padding:8px 12px;font-size:.86rem;display:flex}.vblock-stmt-row:hover{background:#282a30;border-color:#ffffff24}.vblock-stmt-row.selected{background:#5865f229;box-shadow:0 0 0 1px #5865f2;border-color:#5865f2!important}.vblock-row-handle{cursor:grab;color:#64748b;user-select:none;flex-shrink:0;padding:2px;font-size:.85rem;line-height:1}.vblock-row-handle:hover{color:#94a3b8}.vblock-row-content{flex-wrap:wrap;flex:1;align-items:center;gap:7px;min-width:0;line-height:1.45;display:flex}.vblock-row-actions{opacity:0;pointer-events:none;flex-shrink:0;align-items:center;gap:4px;transition:opacity .12s;display:flex}.vblock-stmt-row:hover .vblock-row-actions,.vblock-stmt-row.selected .vblock-row-actions,.vblock-control-header:hover .vblock-row-actions,.vblock-control-block.selected>.vblock-control-header .vblock-row-actions{opacity:1;pointer-events:auto}.vblock-btn-icon{color:#949ba4;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:.82rem;transition:background .12s,color .12s}.vblock-btn-icon:hover{color:#fff;background:#ffffff1a}.vblock-btn-icon.danger:hover{color:#f87171;background:#ef444433}.vblock-control-block{background:#1e2024;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;margin:4px 0;padding:0;display:flex;overflow:visible}.vblock-control-block:hover{border-color:#ffffff29}.vblock-control-block.selected{box-shadow:0 0 0 1px #5865f2;border-color:#5865f2!important}.vblock-control-header{cursor:pointer;background:#ffffff06;border-bottom:1px solid #ffffff0d;border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.vblock-control-header-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.vblock-fold-btn{color:#949ba4;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 5px;font-size:.8rem;transition:color .15s,background .15s;display:inline-flex}.vblock-fold-btn:hover{color:#fff;background:#ffffff1a}.vblock-control-tag{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:4px;padding:2px 7px;font-family:Fira Code,monospace;font-size:.72rem;font-weight:800}.vblock-control-tag.tag-if{background:#16a34a}.vblock-control-tag.tag-try{background:#0891b2}.vblock-control-tag.tag-loop{background:#2563eb}.vblock-control-tag.tag-for{background:#7c3aed}.vblock-condition-visual-summary{flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.vblock-condition-mode{text-transform:uppercase;color:#86efac;background:#16a34a33;border:1px solid #16a34a66;border-radius:3px;padding:1px 6px;font-family:Fira Code,monospace;font-size:.68rem;font-weight:800}.vblock-condition-mode.mode-any{color:#fde68a;background:#f59e0b33;border-color:#f59e0b66}.vblock-rule-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:5px;padding:2px 7px;font-size:.78rem;display:inline-flex}.vblock-rule-field{color:#93c5fd;font-weight:600}.vblock-rule-arrow{color:#64748b;font-size:.75rem}.vblock-rule-op{color:#cbd5e1}.vblock-rule-val{color:#fde047;font-family:Fira Code,monospace;font-size:.75rem}.vblock-control-body{flex-direction:column;padding:4px 8px 10px;display:flex}.vblock-branches-wrap{flex-direction:column;display:flex}.vblock-scope-lane{background:0 0;border-left:2.5px solid #ffffff1f;flex-direction:column;margin-top:4px;margin-bottom:4px;margin-left:14px;padding-left:14px;display:flex;position:relative}.vblock-scope-lane.then-lane{border-left-color:#22c55e}.vblock-scope-lane.else-lane{border-left-color:#f59e0b}.vblock-scope-lane.try-lane{border-left-color:#06b6d4}.vblock-scope-lane.catch-lane{border-left-color:#ef4444}.vblock-scope-lane.loop-lane{border-left-color:#3b82f6}.vblock-scope-header{text-transform:uppercase;letter-spacing:.04em;color:#949ba4;align-items:center;gap:6px;margin-bottom:4px;padding:2px 0;font-size:.72rem;font-weight:800;display:flex}.vblock-scope-dot{font-size:.7rem}.then-lane .vblock-scope-dot{color:#22c55e}.else-lane .vblock-scope-dot{color:#f59e0b}.try-lane .vblock-scope-dot{color:#06b6d4}.catch-lane .vblock-scope-dot{color:#ef4444}.loop-lane .vblock-scope-dot{color:#3b82f6}.vblock-scope-footer{color:#64748b;letter-spacing:.02em;padding:4px 0 2px 14px;font-family:Fira Code,monospace;font-size:.72rem}.vblock-empty-dropzone{text-align:center;color:#64748b;cursor:pointer;user-select:none;background:0 0;border:1px dashed #ffffff26;border-radius:6px;justify-content:center;align-items:center;min-height:28px;margin:3px 0;padding:8px 12px;font-size:.78rem;transition:all .15s;display:flex}.vblock-empty-dropzone:hover,.vblock-empty-dropzone.drop-target-active{color:#c7d2fe;background:#5865f214;border-color:#5865f2}.vblock-insert-line{z-index:2;justify-content:center;align-items:center;height:14px;margin:-3px 0;transition:all .15s;display:flex;position:relative}.vblock-insert-line:before{content:"";background:0 0;height:2px;transition:background .15s;position:absolute;left:8px;right:8px}.vblock-insert-line:hover:before,.vblock-insert-line.drop-target-active:before{background:#5865f2}.vblock-insert-btn{opacity:0;color:#fff;cursor:pointer;z-index:3;background:#5865f2;border:none;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:700;transition:all .15s;transform:scale(.9);box-shadow:0 2px 6px #0006}.vblock-insert-line:hover .vblock-insert-btn,.vblock-insert-line.drop-target-active .vblock-insert-btn{opacity:1;transform:scale(1)}.vblock-popover{z-index:10000;background:#2b2d32;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;gap:4px;width:270px;max-height:380px;padding:8px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 14px 36px #0009}.vblock-popover-cat-title{text-transform:uppercase;color:#949ba4;letter-spacing:.05em;padding:4px 6px 2px;font-size:.7rem;font-weight:800}.vblock-popover-item{cursor:pointer;color:#dbdee1;background:#32353b;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.82rem;transition:all .12s;display:flex}.vblock-popover-item:hover{color:#fff;background:#5865f233;border-color:#5865f2;transform:translate(2px)}.vblock-kw{letter-spacing:.03em;color:#a5b4fc;text-transform:uppercase;font-size:.78rem;font-weight:700}.vblock-op{color:#949ba4;margin:0 2px;font-family:monospace;font-weight:700}.vblock-step-badge{color:#949ba4;background:#00000040;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.72rem}.vblock-type-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#4752c4;border-radius:5px;padding:2px 7px;font-size:.72rem;font-weight:800}.vblock-expr-socket{color:#c7d2fe;cursor:pointer;user-select:none;background:#5865f229;border:1px solid #5865f266;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-family:Fira Code,monospace;font-size:.78rem;transition:all .15s;display:inline-flex}.vblock-expr-socket:hover{color:#fff;background:#5865f24d;border-color:#5865f2}.vblock-var-pill{color:#f38ba8;background:#f38ba826;border-radius:4px;padding:1px 6px;font-weight:700}.vblock-code-pill{color:#f9e2af;background:#00000047;border-radius:4px;padding:1px 6px;font-family:Fira Code,monospace;font-size:.78rem}.vblock-title-pill{color:#89dceb;font-weight:700}.studio-inspector-panel{z-index:10;background:#232428;border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:330px;min-width:280px;max-width:380px;height:100%;display:flex;overflow:hidden}.studio-inspector-header{background:#1f2023;border-bottom:1px solid #ffffff0f;padding:12px 14px}.studio-inspector-title{color:#fff;font-size:.88rem;font-weight:800}.studio-inspector-subtitle{color:#949ba4;margin-top:2px;font-size:.72rem}.studio-inspector-body{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex;overflow-y:auto}.visual-condition-builder-card{background:#0003;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.visual-condition-mode-switch{background:#18191c;border-radius:6px;align-items:center;gap:8px;padding:3px;display:flex}.visual-mode-btn{text-align:center;cursor:pointer;color:#949ba4;background:0 0;border:none;border-radius:4px;flex:1;padding:5px 8px;font-size:.74rem;font-weight:700;transition:all .12s}.visual-mode-btn.active{color:#fff;background:#5865f2}.visual-rules-list{flex-direction:column;gap:6px;display:flex}.visual-rule-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:6px;display:flex}.visual-rule-field-select,.visual-rule-op-select{color:#dbdee1;background:#1e1f22;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:4px 6px;font-size:.76rem}.visual-rule-val-input{color:#fde047;background:#1e1f22;border:1px solid #ffffff1a;border-radius:4px;outline:none;flex:1;min-width:0;padding:4px 6px;font-family:Fira Code,monospace;font-size:.76rem}.visual-condition-readable-preview{color:#86efac;background:#16a34a1f;border:1px solid #16a34a40;border-radius:6px;padding:8px 10px;font-size:.75rem;line-height:1.4}.scope-insert-pill{color:#c7d2fe;cursor:pointer;background:#5865f226;border:1px solid #5865f24d;border-radius:4px;padding:3px 8px;font-family:Fira Code,monospace;font-size:.74rem;transition:all .12s}.scope-insert-pill:hover{color:#fff;background:#5865f259;border-color:#5865f2}.embed-designer-wrap{flex-direction:column;gap:10px;display:flex}.embed-preview-card{background:#2b2d31;border-left:4px solid #5865f2;border-radius:4px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.embed-color-swatches{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.embed-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;width:22px;height:22px;transition:transform .1s,border-color .1s}.embed-color-swatch:hover,.embed-color-swatch.active{border-color:#fff;transform:scale(1.15)}.inspector-snippet-pre{color:#a5b4fc;white-space:pre-wrap;word-break:break-all;background:#18191c;border:1px solid #ffffff14;border-radius:6px;max-height:180px;padding:8px 10px;font-family:Fira Code,monospace;font-size:.75rem;overflow-y:auto}.studio-config-editor-card{background:#23252a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.studio-config-row{flex-direction:column;gap:4px;display:flex}.studio-config-label{color:#949ba4;text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:700}.studio-config-input{color:#dbdee1;background:#18191c;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:7px 10px;font-size:.85rem}.studio-config-input:focus{border-color:#5865f2}.sim-trace-entry{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:10px;padding:4px 8px;font-family:Fira Code,monospace;font-size:.76rem;display:flex}.sim-trace-time{color:#64748b;flex-shrink:0}.sim-trace-msg{color:#cbd5e1;word-break:break-all}.sim-trace-entry.sim-trace-error .sim-trace-msg{color:#f87171}.sim-trace-entry.sim-trace-success .sim-trace-msg{color:#86efac}.vblock-container{width:100%;position:relative}.vblock-branch{background:0 0;flex-direction:column;gap:2px;margin:2px 0 2px 14px;padding-left:14px;display:flex}.vblock-branch.then-branch{border-left:2.5px solid #22c55e}.vblock-branch.else-branch{border-left:2.5px solid #f59e0b}.vblock-branch.try-branch{border-left:2.5px solid #06b6d4}.vblock-branch.catch-branch{border-left:2.5px solid #ef4444}.vblock-branch.loop-branch{border-left:2.5px solid #3b82f6}.studio-blockly-workspace-container{background:#18191c;width:100%;height:100%;position:relative;overflow:hidden}#blocklyDiv{background:#18191c;width:100%;height:100%;position:absolute;inset:0}.blocklyMainBackground{stroke-width:0!important;fill:#0000!important}.blocklyToolbox,.blocklyToolboxDiv,.blocklyFlyout{background:0 0!important;border:none!important;width:0!important;height:0!important;display:none!important;overflow:hidden!important}.blocklyScrollbarHandle{fill:#ffffff26!important;border-radius:4px!important}.blocklyScrollbarHandle:hover{fill:#ffffff4d!important}.blocklyText{fill:#fff!important;font-family:Fira Code,Inter,monospace!important;font-size:12px!important;font-weight:600!important}.blocklyEditableText>rect{fill:#00000059!important;stroke:#ffffff26!important;rx:4px!important;ry:4px!important}.blocklyEditableText:hover>rect{stroke:#5865f2!important}.studio-toast{color:#fff;z-index:100000;opacity:0;pointer-events:none;background:#2b2d31;border:1px solid #5865f266;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.88rem;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px);box-shadow:0 12px 32px #0009}.studio-toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.studio-topbar-restore-chip{display:none!important}body.studio-app-body{background-color:#202124!important;margin:0!important;padding:0!important;overflow:hidden!important}.studio-app-container{--vs-backdrop:#202124;--vs-glass-bg:#121622b8;--vs-glass-bg-elevated:#161b2acc;--vs-glass-bg-subtle:#ffffff08;--vs-glass-border:#ffffff21;--vs-glass-border-subtle:#ffffff12;--vs-glass-rim:inset 0 1px 1px 0 #ffffff38, inset 0 0 0 1px #ffffff0a;--vs-glass-shadow:0 24px 60px -12px #000000a6, 0 0 0 1px #0006;--vs-blur:blur(28px) saturate(190%) contrast(105%);--vs-text-main:#f1f5f9;--vs-text-muted:#94a3b8;--vs-text-subtle:#64748b;--vs-accent-blue:#4f46e5;--vs-accent-purple:#8b5cf6;--vs-panel-radius:18px;flex-direction:column;width:100vw;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden;background:#202124!important;gap:0!important;margin:0!important;padding:0!important}.studio-app-container .studio-topbar{background:var(--vs-glass-bg);height:48px;min-height:48px;max-height:48px;-webkit-backdrop-filter:var(--vs-blur);border:1px solid var(--vs-glass-border);border-radius:var(--vs-panel-radius);box-shadow:var(--vs-glass-rim), var(--vs-glass-shadow);z-index:45;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed;top:16px;left:24px;right:24px;overflow:auto hidden;flex-wrap:nowrap!important}.studio-app-container .studio-topbar::-webkit-scrollbar{display:none}.studio-topbar-left{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.studio-breadcrumb{color:var(--vs-text-subtle);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;align-items:center;gap:4px;min-width:0;font-size:.76rem;font-weight:500;display:flex;overflow:hidden}.studio-breadcrumb a{color:var(--vs-text-muted);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:color .15s;overflow:hidden}.studio-breadcrumb a:hover{color:#f1f5f9}.studio-breadcrumb span{color:#475569}.studio-script-chip{box-sizing:border-box;background:#6366f11f;border:1px solid #6366f14d;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;min-width:80px;max-width:170px;padding:3px 8px;font-family:monospace;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.studio-chip-dot.blue{background:#818cf8;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite studioChipPulse;box-shadow:0 0 8px #818cf8e6}@keyframes studioChipPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.studio-chip-input{color:#e0e7ff;text-overflow:ellipsis;width:auto;min-width:60px;max-width:130px;font-family:monospace;font-size:.78rem;font-weight:600;overflow:hidden;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.studio-status-badge{cursor:default;user-select:none;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.badge-active{color:#34d399;cursor:pointer;background:#10b9811f;border:1px solid #10b9814d}.badge-active .badge-dot.green{background:#10b981;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #10b981cc}.badge-draft{color:#94a3b8;background:#94a3b814;border:1px solid #94a3b838}.badge-draft .badge-dot.gray{background:#64748b;border-radius:50%;width:5px;height:5px}.studio-topbar-center{flex:0 auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.builder-mode-switcher{white-space:nowrap;background:#00000059;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:inset 0 1px 2px #0006}.builder-mode-pill{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:.74rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.builder-mode-pill:hover{color:#e2e8f0;background:#ffffff0f;border-color:#ffffff14}.builder-mode-pill.active{font-weight:600;color:#fff!important;background:linear-gradient(135deg,#4f46e566 0%,#6366f140 100%)!important;border:1px solid #818cf873!important;box-shadow:inset 0 1px 1px #ffffff40,0 2px 8px #4f46e559!important}.studio-topbar-right{flex:none;align-items:center;gap:4px;display:flex;flex-wrap:nowrap!important}.studio-topbar-divider{background:#ffffff1f;flex-shrink:0;width:1px;height:16px;margin:0 3px}.studio-action-pill{cursor:pointer;white-space:nowrap;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:.74rem;font-weight:500;line-height:1.2;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px #ffffff14}.studio-action-pill .action-icon,.studio-action-pill .studio-pill-icon{width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-size:.82rem!important;line-height:1!important;display:inline-flex!important}.pill-secondary{color:#cbd5e1;background:#ffffff0a;border-color:#ffffff14}.pill-secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff29}.pill-sharing{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b40}.pill-sharing:hover,.pill-sharing.active{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b80;box-shadow:0 0 10px #f59e0b40}.pill-validate,.pill-simulate{color:#94a3b8;box-shadow:none;background:0 0;border-color:#0000}.pill-validate:hover,.pill-simulate:hover{color:#f1f5f9;background:#ffffff12;border-color:#ffffff1a}.pill-publish{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-color:#818cf880;padding:5px 14px;font-weight:600;box-shadow:inset 0 1px 1px #ffffff4d,0 4px 14px #4f46e566}.pill-publish:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);box-shadow:inset 0 1px 1px #ffffff59,0 6px 18px #4f46e599}.studio-sharing-drawer{z-index:46;-webkit-backdrop-filter:var(--vs-blur);border:1px solid var(--vs-glass-border);box-shadow:var(--vs-glass-rim), var(--vs-glass-shadow);color:#e2e8f0;box-sizing:border-box;background:#121622e0;border-radius:16px;flex-direction:column;gap:12px;width:calc(100vw - 48px);max-width:440px;padding:18px 20px;animation:.2s cubic-bezier(.16,1,.3,1) studioFadeIn;display:flex;position:fixed;top:74px;right:24px}@keyframes studioFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sharing-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.sharing-drawer-title{color:#f1f5f9;align-items:center;gap:8px;font-size:.84rem;font-weight:700;display:flex}.sharing-drawer-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:1.1rem;line-height:1;transition:all .15s}.sharing-drawer-close:hover{color:#fff;background:#ffffff1a}.sharing-info-text{color:#94a3b8;font-size:.78rem;line-height:1.5}.sharing-checkboxes{flex-direction:column;gap:10px;margin-top:4px;display:flex}.sharing-checkbox-item{color:#e2e8f0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;transition:all .15s;display:flex}.sharing-checkbox-item:hover{background:#ffffff12;border-color:#ffffff1f}.sharing-checkbox-item input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:16px;height:16px}.sharing-note{color:#64748b;margin-top:4px;font-size:.72rem;line-height:1.4}.studio-app-container .studio-main-grid-wrapper{width:100vw;height:100vh;box-shadow:none;z-index:10;background:#202124;border:none;border-radius:0;position:fixed;inset:0;overflow:hidden}.studio-app-container #visualBuilderView{width:100%;height:100%;position:relative}.studio-app-container .studio-structured-workspace{box-sizing:border-box;background-color:#202124;background-image:radial-gradient(#ffffff45 1px,#0000 1px);background-size:16px 16px;border-radius:0;gap:0;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.studio-program-editor-panel{background:0 0;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.studio-app-container .studio-blockly-workspace-container,.studio-app-container #blocklyDiv{width:100%;height:100%;background:0 0!important}.studio-app-container #blocklyDiv svg.blocklySvg{background-color:#0000!important}svg.blocklySvg,svg.blocklySvg *{-webkit-backdrop-filter:none!important}.canvas-floating-toolbar{z-index:30;background:var(--vs-glass-bg);-webkit-backdrop-filter:var(--vs-blur);border:1px solid var(--vs-glass-border);box-shadow:var(--vs-glass-rim), 0 12px 28px #00000080;border-radius:12px;align-items:center;gap:8px;padding:4px 10px;transition:left .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:76px;left:296px}.studio-explorer-panel.collapsed~.studio-program-editor-panel .canvas-floating-toolbar,.studio-structured-workspace:has(.studio-explorer-panel.collapsed) .canvas-floating-toolbar{left:24px}.cft-btn{color:var(--vs-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:3px 6px;font-size:.85rem;line-height:1;transition:all .15s;display:inline-flex}.cft-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.cft-btn:disabled{opacity:.35;cursor:not-allowed}.cft-zoom-label{color:#cbd5e1;cursor:pointer;padding:0 4px;font-family:monospace;font-size:.74rem;font-weight:600}.cft-divider{background:#ffffff1f;width:1px;height:14px}.cft-btn-fit{gap:4px;font-size:.74rem;font-weight:500}.cft-btn-focus{color:#818cf8;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:.74rem;font-weight:500;display:inline-flex}.cft-btn-focus:hover{color:#a5b4fc;background:#6366f126}.cft-btn-focus .focus-dot{background:#6366f1;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #6366f1cc}.canvas-floating-hint{z-index:30;-webkit-backdrop-filter:var(--vs-blur);border:1px solid var(--vs-glass-border);color:#94a3b8;box-shadow:var(--vs-glass-rim), 0 12px 32px #00000080;user-select:none;pointer-events:none;background:#121622cc;border-radius:16px;align-items:center;gap:16px;padding:6px 20px;font-size:.74rem;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.canvas-floating-hint kbd{color:#f1f5f9;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.7rem;font-weight:500}.canvas-floating-hint .hint-dot{color:#334155}.studio-app-container .studio-explorer-panel,.studio-app-container .studio-inspector-panel{z-index:30;background:var(--vs-glass-bg);-webkit-backdrop-filter:var(--vs-blur);border:1px solid var(--vs-glass-border);border-radius:var(--vs-panel-radius);box-shadow:var(--vs-glass-rim), var(--vs-glass-shadow);flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s;display:flex;position:fixed;top:76px;overflow:hidden}.studio-app-container .studio-explorer-panel{width:256px;max-height:calc(100vh - 120px);bottom:auto;left:24px}.studio-app-container .studio-inspector-panel{width:288px;max-height:calc(100vh - 120px);bottom:auto;right:24px}.studio-app-container .studio-explorer-panel.collapsed{opacity:0;pointer-events:none;transform:translate(calc(-100% - 32px))}.studio-app-container .studio-inspector-panel.collapsed{opacity:0;pointer-events:none;transform:translate(calc(100% + 32px))}.studio-sidebar-header-mac,.inspector-header-mac{background:#ffffff06;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;box-shadow:inset 0 1px #ffffff26}.mac-traffic-dots{align-items:center;gap:6px;display:flex}.mac-dot{border-radius:50%;width:9px;height:9px}.mac-dot.red{background:#ff5f56;box-shadow:inset 0 0 0 1px #00000026,0 0 6px #ff5f5659}.mac-dot.yellow{background:#ffbd2e;box-shadow:inset 0 0 0 1px #00000026,0 0 6px #ffbd2e59}.mac-dot.green{background:#27c93f;box-shadow:inset 0 0 0 1px #00000026,0 0 6px #27c93f59}.panel-header-title{letter-spacing:.1em;color:var(--vs-text-subtle);text-transform:uppercase;font-size:.68rem;font-weight:700}.btn-collapse-chevron{color:var(--vs-text-subtle);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.85rem;line-height:1;transition:color .15s}.btn-collapse-chevron:hover{color:#fff}.studio-sidebar-tabs-bar{background:#00000047;border:1px solid #ffffff0f;border-radius:10px;gap:4px;margin:8px 12px 4px;padding:3px;display:flex;box-shadow:inset 0 1px 2px #0000004d}.studio-sidebar-tabs{gap:4px;width:100%;display:flex}.sidebar-tab-btn{text-align:center;color:var(--vs-text-subtle);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;padding:4px 8px;font-size:.74rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.sidebar-tab-btn:hover{color:#e2e8f0;background:#ffffff0d}.sidebar-tab-btn.active{color:#fff;background:#ffffff1f;border-color:#ffffff29;font-weight:600;box-shadow:inset 0 1px #fff3,0 2px 8px #0000004d}.studio-explorer-search-box{padding:6px 12px}.studio-explorer-search-box .studio-input{box-sizing:border-box;color:#f1f5f9;background:#00000052;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;padding:6px 10px;font-size:.76rem;transition:all .15s;box-shadow:inset 0 1px 2px #0006}.studio-explorer-search-box .studio-input:focus{border-color:#6366f1a6;box-shadow:0 0 0 3px #6366f133,inset 0 1px 2px #0006}.studio-explorer-actions-bar{grid-template-columns:1fr 1fr;gap:4px;padding:4px 12px 8px;display:grid}.explorer-action-btn{color:#cbd5e1;cursor:pointer;background:#ffffff09;border:1px solid #ffffff12;border-radius:8px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:.74rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 1px #ffffff14}.explorer-action-btn:hover{color:#fff;background:#ffffff17;border-color:#ffffff29;transform:translateY(-.5px)}.explorer-action-btn kbd{color:var(--vs-text-subtle);background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:1px 4px;font-family:monospace;font-size:.65rem}.studio-explorer-tree{flex-direction:column;flex:1;gap:6px;padding:4px 12px 12px;display:flex;overflow-y:auto}.explorer-section-header{color:var(--vs-text-subtle);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:.68rem;font-weight:700;transition:background .15s;display:flex}.explorer-section-header:hover{background:#ffffff0a}.section-header-left{align-items:center;gap:6px;display:flex}.explorer-section-arrow{color:var(--vs-text-subtle);font-size:.74rem;transition:transform .2s;display:inline-block}.explorer-section.collapsed .explorer-section-items{display:none}.explorer-section-count{color:var(--vs-text-subtle);background:#ffffff0f;border:1px solid #ffffff14;border-radius:9999px;padding:1px 6px;font-size:.66rem;font-weight:600}.explorer-item{color:#94a3b8;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0d;border-radius:9px;justify-content:space-between;align-items:center;margin-top:3px;padding:6px 10px;font-size:.78rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.explorer-item:hover{color:#f1f5f9;background:#ffffff14;border-color:#ffffff1f;transform:translateY(-.5px)}.explorer-item.active{color:#fff!important;background:linear-gradient(135deg,#4f46e559 0%,#6366f138 100%)!important;border:1px solid #818cf873!important;box-shadow:inset 0 1px 1px #ffffff40,0 4px 14px #4f46e54d!important}.explorer-item-left{align-items:center;gap:6px;display:flex}.explorer-item-dot.purple{background:#818cf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #818cf8cc}.explorer-state-row{color:#cbd5e1;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;margin:2px 0;padding:5px 8px;font-size:.76rem;transition:all .15s;display:flex}.explorer-state-row:hover{color:#fff;background:#ffffff0f;border-color:#ffffff17}.state-row-left{align-items:center;gap:8px;display:flex}.state-dot{border-radius:50%;width:6px;height:6px}.state-dot.cyan{background:#06b6d4;box-shadow:0 0 8px #06b6d4d9}.state-dot.purple{background:#a855f7;box-shadow:0 0 8px #a855f7d9}.state-dot.pink{background:#ec4899;box-shadow:0 0 8px #ec4899d9}.state-count{color:var(--vs-text-subtle);font-size:.68rem;font-weight:600}.studio-inspector-panel .inspector-body{flex-direction:column;flex:1;padding:12px;display:flex;overflow-y:auto}.inspector-command-spec-wrap{flex-direction:column;gap:10px;display:flex}.inspector-subhead-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.inspector-subhead-left{align-items:center;gap:6px;display:flex}.inspector-subhead-name{color:#f1f5f9;font-family:monospace;font-size:.88rem;font-weight:700}.inspector-run-btn{color:#818cf8;cursor:pointer;background:#6366f126;border:1px solid #6366f159;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;transition:all .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff26}.inspector-run-btn:hover{color:#fff;background:#6366f14d}.inspector-spec-section-header{letter-spacing:.08em;color:var(--vs-text-subtle);text-transform:uppercase;align-items:center;gap:6px;margin-top:2px;font-size:.68rem;font-weight:700;display:flex}.spec-bullet-dot{color:#818cf8;font-size:.65rem}.inspector-field-group{flex-direction:column;gap:3px;display:flex}.inspector-field-label{color:var(--vs-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.66rem;font-weight:700}.inspector-input-prefix-wrap{background:#00000052;border:1px solid #ffffff17;border-radius:9px;align-items:center;transition:all .15s;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.inspector-input-prefix-wrap:focus-within{border-color:#6366f1a6;box-shadow:0 0 0 3px #6366f133,inset 0 1px 2px #0000004d}.inspector-input-prefix{color:var(--vs-text-subtle);padding:0 4px 0 10px;font-family:monospace;font-size:.78rem;font-weight:700}.inspector-spec-input{box-sizing:border-box;color:#f1f5f9;background:#00000052;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;padding:6px 10px;font-size:.78rem;transition:all .15s;box-shadow:inset 0 1px 2px #0000004d}.inspector-spec-input:focus{border-color:#6366f1a6;box-shadow:0 0 0 3px #6366f133,inset 0 1px 2px #0000004d}.inspector-input-prefix-wrap .inspector-spec-input{box-shadow:none!important;background:0 0!important;border:none!important;padding-left:2px!important}.inspector-select-wrap{width:100%;position:relative}.inspector-select{-webkit-appearance:none;appearance:none;box-sizing:border-box;color:#f1f5f9;cursor:pointer;background:#00000052;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;padding:6px 28px 6px 10px;font-size:.78rem;transition:all .15s;box-shadow:inset 0 1px 2px #0000004d}.inspector-select:focus{border-color:#6366f1a6;box-shadow:0 0 0 3px #6366f133}.select-chevron{color:var(--vs-text-subtle);pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.inspector-toolbox-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;margin:4px 0;padding:8px 10px;display:flex;box-shadow:inset 0 1px #ffffff14}.inspector-tb-left{align-items:center;gap:8px;display:flex}.tb-title{color:#f1f5f9;font-size:.78rem;font-weight:600}.inspector-tb-open-btn{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;transition:all .15s;display:inline-flex}.inspector-tb-open-btn:hover{background:#ffffff26;border-color:#ffffff38}.inspector-shortcuts-section{flex-direction:column;gap:6px;margin-top:2px;display:flex}.inspector-shortcuts-header{letter-spacing:.08em;color:var(--vs-text-subtle);text-transform:uppercase;align-items:center;gap:6px;font-size:.68rem;font-weight:700;display:flex}.inspector-shortcuts-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.shortcut-tag-btn{color:var(--vs-text-muted);text-align:center;cursor:pointer;background:#ffffff09;border:1px solid #ffffff12;border-radius:7px;padding:6px 8px;font-family:monospace;font-size:.72rem;transition:all .15s;box-shadow:inset 0 1px #ffffff0f}.shortcut-tag-btn:hover{color:#f1f5f9;background:#ffffff17;border-color:#ffffff29;transform:translateY(-.5px)}.vs-drawer-chip{background:var(--vs-glass-bg);width:24px;height:40px;backdrop-filter:var(--vs-blur);border:1px solid var(--vs-glass-border);color:#9aa1ac;cursor:pointer;z-index:35;box-shadow:var(--vs-glass-rim), 0 6px 18px #00000073;justify-content:center;align-items:center;padding:0;font-size:.75rem;line-height:1;display:none;position:fixed;top:50%;transform:translateY(-50%)}.vs-drawer-chip:not([hidden]){display:inline-flex}.vs-drawer-chip-left{border-left:none;border-radius:0 9px 9px 0;left:0}.vs-drawer-chip-right{border-right:none;border-radius:9px 0 0 9px;right:0}.vs-drawer-chip:hover{color:#fff;background:#6366f133;border-color:#6366f180}.studio-cv2-workspace{z-index:25!important;box-sizing:border-box!important;background:0 0!important;border:none!important;grid-template-columns:280px 1fr 320px!important;gap:16px!important;width:auto!important;height:auto!important;max-height:calc(100vh - 100px)!important;display:grid!important;position:fixed!important;inset:76px 24px 24px!important;overflow:hidden!important}.studio-cv2-workspace[style*="display: none"]{display:none!important}.cv2-panel{background:var(--vs-glass-bg)!important;-webkit-backdrop-filter:var(--vs-blur)!important;border:1px solid var(--vs-glass-border)!important;border-radius:var(--vs-panel-radius)!important;box-shadow:var(--vs-glass-rim), var(--vs-glass-shadow)!important;box-sizing:border-box!important;flex-direction:column!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}#cv2InspectorPanel.cv2-panel{box-sizing:border-box!important;flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}#cv2InspectorMount{box-sizing:border-box!important;flex-direction:column!important;flex:auto!important;gap:12px!important;min-height:0!important;padding:14px!important;display:flex!important;overflow-y:auto!important}.cv2-inspector-body{flex-direction:column!important;flex:auto!important;gap:12px!important;min-height:0!important;display:flex!important}.cv2-param-row{box-sizing:border-box!important;align-items:center!important;gap:4px!important;width:100%!important;margin-bottom:6px!important;display:flex!important}.cv2-param-row input,.cv2-param-row select{box-sizing:border-box!important;min-width:0!important}.cv2-panel-header{box-sizing:border-box!important;background:#ffffff06!important;border-bottom:1px solid #ffffff14!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;min-height:40px!important;padding:10px 14px!important;display:flex!important;box-shadow:inset 0 1px #ffffff26!important}.cv2-panel-title{color:var(--vs-text-subtle)!important;letter-spacing:.08em!important;font-size:.72rem!important;font-weight:700!important}.cv2-panel-body{gap:12px!important;padding:12px!important;overflow-y:auto!important}.cv2-section-title{color:var(--vs-text-subtle)!important;letter-spacing:.06em!important;font-size:.68rem!important;font-weight:700!important}.cv2-toolbox-grid{gap:6px!important}.cv2-tool-chip{color:#cbd5e1!important;background:#ffffff09!important;border:1px solid #ffffff14!important;border-radius:9px!important;padding:6px 8px!important;font-size:.76rem!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;box-shadow:inset 0 1px #ffffff14!important}.cv2-tool-chip:hover{color:#fff!important;background:#ffffff17!important;border-color:#ffffff29!important;transform:translateY(-.5px)!important}.cv2-preview-panel{-webkit-backdrop-filter:var(--vs-blur)!important;border:1px solid var(--vs-glass-border)!important;border-radius:var(--vs-panel-radius)!important;box-shadow:var(--vs-glass-rim), var(--vs-glass-shadow)!important;box-sizing:border-box!important;background:#121622a6!important;flex-direction:column!important;height:100%!important;min-height:0!important;padding:14px!important;display:flex!important;overflow:hidden!important}.cv2-preview-header{background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:10px!important}.cv2-discord-message{background:#00000052!important;border:1px solid #ffffff14!important;border-radius:12px!important;box-shadow:inset 0 1px 2px #0006!important}.studio-code-workspace{z-index:25;flex-direction:column;height:calc(100vh - 100px);position:fixed;inset:76px 24px 24px;background:var(--vs-glass-bg-elevated)!important;-webkit-backdrop-filter:var(--vs-blur)!important;border:1px solid var(--vs-glass-border)!important;border-radius:var(--vs-panel-radius)!important;box-shadow:var(--vs-glass-rim), var(--vs-glass-shadow)!important;overflow:hidden!important}.studio-code-workspace[style*="display: none"]{display:none!important}.studio-code-workspace>div:first-child{background:#ffffff06!important;border-bottom:1px solid #ffffff14!important;padding:8px 16px!important;box-shadow:inset 0 1px #ffffff26!important}.studio-code-workspace>div:first-child span{color:var(--vs-text-subtle)!important;font-size:.76rem!important}.studio-code-workspace .studio-tool-btn{border-radius:8px!important;padding:3px 8px!important;font-size:.72rem!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;box-shadow:inset 0 1px #ffffff14!important}.studio-code-workspace .studio-tool-btn:hover{transform:translateY(-.5px)!important}.editor-frame{background:0 0!important;flex-direction:column!important;flex:1!important;height:100%!important;display:flex!important;overflow:hidden!important}.editor-topbar{background:#00000059!important;border-bottom:1px solid #ffffff14!important;padding:8px 16px!important}.editor-title-tag{color:#e2e8f0!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important;border-radius:6px!important;padding:3px 8px!important;font-family:monospace!important;font-size:.8rem!important}.editor-workspace{background:#0006!important;flex:1!important;min-height:0!important;display:flex!important;position:relative!important}.editor-gutter{color:#94a3b873!important;user-select:none!important;background:#00000047!important;border-right:1px solid #ffffff14!important;padding:12px 10px!important;font-family:Fira Code,JetBrains Mono,monospace!important;font-size:.82rem!important;line-height:1.6!important}.editor-textarea{color:#f1f5f9!important;resize:none!important;scrollbar-width:none!important;tab-size:4!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;padding:12px 16px!important;font-family:Fira Code,JetBrains Mono,monospace!important;font-size:.84rem!important;line-height:1.6!important;overflow-y:auto!important}.editor-footer{color:var(--vs-text-subtle)!important;background:#00000059!important;border-top:1px solid #ffffff14!important;justify-content:space-between!important;padding:6px 16px!important;font-size:.72rem!important;display:flex!important}@media (width<=1400px){.studio-breadcrumb{max-width:130px}#btnOpenComponentLibrary .topbar-btn-label,#btnToggleSharing .topbar-btn-label{display:none!important}}@media (width<=1280px){.studio-breadcrumb,.badge-draft,#btnValidateScript .topbar-btn-label,#btnStudioRunSim .topbar-btn-label{display:none!important}.builder-mode-pill{padding:4px 7px}.studio-app-container .studio-topbar{left:16px;right:16px}.studio-app-container .studio-explorer-panel{width:240px;left:16px}.studio-app-container .studio-inspector-panel{width:260px;right:16px}.canvas-floating-toolbar{left:272px}.studio-cv2-workspace{grid-template-columns:260px 1fr 290px!important;gap:12px!important;left:16px!important;right:16px!important}.studio-code-workspace{left:16px!important;right:16px!important}}@media (width<=1040px){.builder-mode-pill .mode-label{display:none!important}.studio-topbar-left{gap:6px}.topbar-publish-label{font-size:.72rem}.studio-app-container .studio-topbar{padding:0 8px;left:12px;right:12px}.studio-app-container .studio-explorer-panel{width:230px;left:12px}.studio-app-container .studio-inspector-panel{width:250px;right:12px}.canvas-floating-toolbar{left:254px}.studio-cv2-workspace{grid-template-columns:230px 1fr 260px!important;gap:10px!important;left:12px!important;right:12px!important}.studio-code-workspace{left:12px!important;right:12px!important}}@media (width<=768px){.status-badge-text{display:none!important}.badge-active,.studio-action-pill{padding:3px 6px}.topbar-publish-label{display:none!important}.studio-app-container .studio-topbar{height:44px;min-height:44px;padding:0 6px;top:8px;left:8px;right:8px}.canvas-floating-toolbar{top:60px;left:8px}.studio-app-container .studio-explorer-panel{width:calc(100vw - 16px);max-width:320px;max-height:calc(100vh - 140px);top:106px;left:8px}.studio-app-container .studio-inspector-panel{width:calc(100vw - 16px);max-width:320px;max-height:calc(100vh - 140px);top:106px;right:8px}.canvas-floating-hint{display:none!important}.studio-cv2-workspace{flex-direction:column!important;gap:12px!important;height:auto!important;max-height:none!important;display:flex!important;inset:60px 8px 8px!important;overflow-y:auto!important}#cv2ToolboxPanel.cv2-panel,#cv2PreviewPanel.cv2-preview-panel,#cv2InspectorPanel.cv2-panel{flex-shrink:0!important;width:100%!important;min-height:380px!important}.studio-code-workspace{left:8px!important;right:8px!important}}