*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #09090b;--fg: #e4e4e7;--nav-bg: rgba(18, 18, 24, .75);--nav-border: rgba(255, 255, 255, .08);--nav-item-hover: rgba(255, 255, 255, .06);--dropdown-bg: rgba(24, 24, 28, .95);--dropdown-border: rgba(255, 255, 255, .1);--dropdown-shadow: 0 10px 30px rgba(0, 0, 0, .5);--gutter-bg: transparent;--gutter-fg: #52525b;--caret: #3b82f6;--selection-bg: rgba(59, 130, 246, .2);--scroll-thumb: #27272a;--scroll-thumb-hover: #3f3f46;--status-bg: #18181b;--status-fg: #a1a1aa;--status-border: rgba(255, 255, 255, .05);--spotlight-backdrop: rgba(0, 0, 0, .5);--spotlight-bg: rgba(24, 24, 27, .85);--spotlight-border: rgba(255, 255, 255, .08);--spotlight-shadow: 0 20px 50px rgba(0, 0, 0, .6);--spotlight-item-hover: rgba(255, 255, 255, .05);--spotlight-item-selected: rgba(255, 255, 255, .1);--toast-bg: rgba(24, 24, 27, .9);--toast-border: rgba(255, 255, 255, .08);--toast-shadow: 0 12px 40px rgba(0, 0, 0, .5);--accent: #3b82f6;--accent-hover: #60a5fa;--syn-keyword: #ff7b72;--syn-builtin: #79c0ff;--syn-type: #ff7b72;--syn-title: #d2a8ff;--syn-attr: #79c0ff;--syn-string: #a5d6ff;--syn-literal: #79c0ff;--syn-name: #7ee787;--syn-var: #ffa657;--syn-operator: #ff7b72;--syn-meta: #8b949e;--syn-comment: #8b949e;--syn-quote: #8b949e}[data-theme=light]{--bg: #fafafa;--fg: #18181b;--nav-bg: rgba(244, 244, 245, .8);--nav-border: rgba(0, 0, 0, .08);--nav-item-hover: rgba(0, 0, 0, .05);--dropdown-bg: rgba(255, 255, 255, .98);--dropdown-border: rgba(0, 0, 0, .08);--dropdown-shadow: 0 10px 30px rgba(0, 0, 0, .15);--gutter-bg: transparent;--gutter-fg: #a1a1aa;--caret: #2563eb;--selection-bg: rgba(37, 99, 235, .15);--scroll-thumb: #e4e4e7;--scroll-thumb-hover: #d4d4d8;--status-bg: #f4f4f5;--status-fg: #71717a;--status-border: rgba(0, 0, 0, .05);--spotlight-backdrop: rgba(255, 255, 255, .4);--spotlight-bg: rgba(255, 255, 255, .85);--spotlight-border: rgba(0, 0, 0, .08);--spotlight-shadow: 0 20px 50px rgba(0, 0, 0, .15);--spotlight-item-hover: rgba(0, 0, 0, .03);--spotlight-item-selected: rgba(0, 0, 0, .06);--toast-bg: rgba(255, 255, 255, .9);--toast-border: rgba(0, 0, 0, .08);--toast-shadow: 0 12px 40px rgba(0, 0, 0, .15);--accent: #2563eb;--accent-hover: #1d4ed8;--syn-keyword: #d73a49;--syn-builtin: #005cc5;--syn-type: #6f42c1;--syn-title: #6f42c1;--syn-attr: #22863a;--syn-string: #032f62;--syn-literal: #005cc5;--syn-name: #22863a;--syn-var: #e36209;--syn-operator: #d73a49;--syn-meta: #6a737d;--syn-comment: #6a737d;--syn-quote: #6a737d}[data-theme=ocean]{--bg: #0b0f19;--fg: #c0caf5;--nav-bg: rgba(15, 22, 38, .8);--nav-border: rgba(130, 170, 255, .1);--nav-item-hover: rgba(130, 170, 255, .06);--dropdown-bg: rgba(15, 22, 38, .98);--dropdown-border: rgba(130, 170, 255, .15);--dropdown-shadow: 0 10px 30px rgba(0, 0, 0, .5);--gutter-bg: transparent;--gutter-fg: #565f89;--caret: #7dd3fc;--selection-bg: rgba(125, 211, 252, .2);--scroll-thumb: #1a233a;--scroll-thumb-hover: #243254;--status-bg: #0f1626;--status-fg: #787c99;--status-border: rgba(130, 170, 255, .05);--spotlight-backdrop: rgba(11, 15, 25, .5);--spotlight-bg: rgba(15, 22, 38, .85);--spotlight-border: rgba(130, 170, 255, .12);--spotlight-shadow: 0 20px 50px rgba(0, 0, 0, .6);--spotlight-item-hover: rgba(130, 170, 255, .05);--spotlight-item-selected: rgba(130, 170, 255, .1);--toast-bg: rgba(15, 22, 38, .9);--toast-border: rgba(130, 170, 255, .12);--toast-shadow: 0 12px 40px rgba(0, 0, 0, .5);--accent: #0ea5e9;--accent-hover: #38bdf8;--syn-keyword: #bb9af3;--syn-builtin: #7aa2f7;--syn-type: #2ac3de;--syn-title: #7aa2f7;--syn-attr: #e0af68;--syn-string: #9ece6a;--syn-literal: #ff9e64;--syn-name: #f7768e;--syn-var: #9ece6a;--syn-operator: #89ddff;--syn-meta: #565f89;--syn-comment: #565f89;--syn-quote: #565f89}[data-theme=sepia]{--bg: #fbf0d9;--fg: #433422;--nav-bg: rgba(244, 229, 194, .85);--nav-border: rgba(67, 52, 34, .1);--nav-item-hover: rgba(67, 52, 34, .05);--dropdown-bg: rgba(251, 240, 241, .98);--dropdown-border: rgba(67, 52, 34, .12);--dropdown-shadow: 0 10px 30px rgba(67, 52, 34, .15);--gutter-bg: transparent;--gutter-fg: #bca07d;--caret: #9f5e1f;--selection-bg: rgba(159, 94, 31, .18);--scroll-thumb: #e6d3af;--scroll-thumb-hover: #d2bc94;--status-bg: #ebdcb9;--status-fg: #786249;--status-border: rgba(67, 52, 34, .08);--spotlight-backdrop: rgba(251, 240, 217, .45);--spotlight-bg: rgba(244, 229, 194, .9);--spotlight-border: rgba(67, 52, 34, .12);--spotlight-shadow: 0 20px 50px rgba(67, 52, 34, .2);--spotlight-item-hover: rgba(67, 52, 34, .05);--spotlight-item-selected: rgba(67, 52, 34, .1);--toast-bg: rgba(244, 229, 194, .95);--toast-border: rgba(67, 52, 34, .12);--toast-shadow: 0 12px 40px rgba(67, 52, 34, .15);--accent: #9f5e1f;--accent-hover: #bf7e3f;--syn-keyword: #bf616a;--syn-builtin: #5e81ac;--syn-type: #b48ead;--syn-title: #88c0d0;--syn-attr: #d08770;--syn-string: #a3be8c;--syn-literal: #b48ead;--syn-name: #bf616a;--syn-var: #d08770;--syn-operator: #81a1c1;--syn-meta: #4c566a;--syn-comment: #4c566a;--syn-quote: #4c566a}body,html{height:100%;background:var(--bg);color:var(--fg);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;transition:background .3s,color .3s}#root{display:flex;flex-direction:column;height:100%;width:100%}.ms-navbar{display:flex;align-items:center;justify-content:space-between;background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border);padding:0 12px;height:48px;-webkit-user-select:none;user-select:none;z-index:50;flex-shrink:0}.ms-menus{display:flex;align-items:center;gap:4px}.ms-menu-container{position:relative}.ms-menu-trigger{background:transparent;border:none;color:var(--fg);font-size:14px;font-weight:500;padding:6px 12px;border-radius:4px;cursor:pointer;outline:none;transition:background .2s}.ms-menu-trigger:hover,.ms-menu-trigger.active{background:var(--nav-item-hover)}.ms-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:8px;box-shadow:var(--dropdown-shadow);padding:6px 0;min-width:180px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:100;animation:scaleUp .15s cubic-bezier(.16,1,.3,1);transform-origin:top left}@keyframes scaleUp{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ms-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:13.5px;color:var(--fg);cursor:pointer;gap:20px;transition:background .15s}.ms-dropdown-item:hover{background:var(--nav-item-hover)}.ms-dropdown-item .shortcut{font-size:11px;opacity:.5;font-family:inherit}.ms-dropdown-divider{height:1px;background:var(--nav-border);margin:6px 0}.ms-dropdown-submenu{position:relative}.ms-dropdown-submenu:hover .ms-sub-dropdown{display:flex}.ms-sub-dropdown{display:none;position:absolute;top:0;left:100%;margin-left:2px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:8px;box-shadow:var(--dropdown-shadow);padding:6px 0;min-width:160px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;z-index:105;animation:scaleUp .15s cubic-bezier(.16,1,.3,1);transform-origin:top left;max-height:300px;overflow-y:auto}.ms-sub-dropdown::-webkit-scrollbar{width:4px}.ms-sub-dropdown::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:2px}.ms-title{font-size:13px;opacity:.6;font-weight:500;margin-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:flex;align-items:center;gap:6px}.editor-container{display:flex;flex:1;position:relative;overflow:hidden;width:100%}.gutter-area{width:60px;background:var(--gutter-bg);text-align:right;padding:24px 14px 24px 0;color:var(--gutter-fg);-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.6;overflow:hidden;flex-shrink:0;transition:color .3s}.editor-wrap-area{flex:1;position:relative;overflow:hidden}.code-textarea,.code-backdrop{width:100%;height:100%;padding:24px;font-size:13px;line-height:1.6;font-family:JetBrains Mono,Fira Code,IBM Plex Mono,ui-monospace,monospace;white-space:pre;position:absolute;top:0;left:0;border:none;outline:none;margin:0;tab-size:4;-moz-tab-size:4;letter-spacing:0px;word-spacing:0px}.code-textarea{background:transparent;color:transparent;caret-color:transparent;z-index:3;resize:none;overflow:auto}.code-textarea::selection{background:var(--selection-bg)}.code-backdrop{z-index:1;pointer-events:none;overflow:hidden;background:transparent}.code-backdrop code{display:block;padding:0!important;margin:0!important;background:transparent!important;font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;word-spacing:inherit!important}.caret-calc-mirror{width:100%;height:100%;padding:24px;font-size:13px;line-height:1.6;font-family:JetBrains Mono,Fira Code,IBM Plex Mono,ui-monospace,monospace;white-space:pre;position:absolute;top:0;left:0;border:none;outline:none;margin:0;tab-size:4;-moz-tab-size:4;letter-spacing:0px;word-spacing:0px;visibility:hidden;pointer-events:none}.smooth-caret{position:absolute;top:0;left:0;width:2px;background:var(--caret);z-index:4;pointer-events:none;transition:transform .08s cubic-bezier(.2,.9,.3,1);border-radius:1px;opacity:1}.smooth-caret.blink{animation:caretBlink 1s step-end infinite}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:0}}.code-textarea::-webkit-scrollbar{width:8px;height:8px}.code-textarea::-webkit-scrollbar-track{background:transparent}.code-textarea::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.code-textarea::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.sidebar-minimap{width:80px;background:transparent;position:relative;overflow:hidden;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:1px solid var(--nav-border)}.minimap-pre{font-size:2.2px;line-height:1.6;white-space:pre;color:var(--fg);opacity:.45;padding:6px;transform-origin:top left;pointer-events:none;font-family:JetBrains Mono,Fira Code,IBM Plex Mono,ui-monospace,monospace}.minimap-slider-viewport{position:absolute;right:0;width:100%;background:transparent;border:1px solid var(--accent);opacity:.18;pointer-events:none;transition:top .08s cubic-bezier(.2,.9,.3,1)}.ms-statusbar{display:flex;align-items:center;justify-content:space-between;background:var(--status-bg);border-top:1px solid var(--status-border);padding:0 16px;height:28px;font-size:12px;color:var(--status-fg);-webkit-user-select:none;user-select:none;z-index:50;flex-shrink:0}.ms-status-left,.ms-status-right{display:flex;align-items:center;gap:16px}.ms-status-item{display:flex;align-items:center;gap:4px}.status-select-container{position:relative}.status-select{background:transparent;border:none;color:var(--status-fg);font-size:12px;font-family:inherit;cursor:pointer;outline:none;padding:2px 4px;border-radius:3px;transition:background .2s,color .2s}.status-select:hover{background:var(--nav-item-hover);color:var(--fg)}.overlay-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--spotlight-backdrop);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.palette-box{position:relative;width:90%;max-width:520px;max-height:50vh;display:flex;flex-direction:column;overflow:hidden;background:var(--spotlight-bg);border:1px solid var(--spotlight-border);border-radius:12px;box-shadow:var(--spotlight-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:slideDown .2s cubic-bezier(.16,1,.3,1);transform-origin:top center}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.palette-input-wrap{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--nav-border);padding:0 16px}.palette-icon{opacity:.5;margin-right:10px;flex-shrink:0}.palette-input{width:100%;background:transparent;border:none;padding:14px 0;font-size:14px;color:var(--fg);outline:none;font-family:inherit}.palette-items{overflow-y:auto;padding:6px 0;flex:1}.palette-items::-webkit-scrollbar{width:4px}.palette-items::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:2px}.palette-item{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:13.5px;cursor:pointer;transition:background .1s}.palette-item:hover,.palette-item.selected{background:var(--spotlight-item-selected)}.palette-item-text{display:flex;flex-direction:column}.palette-item-title{color:var(--fg);font-weight:500}.palette-item-desc{font-size:11px;opacity:.5;margin-top:2px}.palette-item-key{font-size:10px;opacity:.6;background:var(--nav-item-hover);padding:2px 6px;border-radius:4px;border:1px solid var(--nav-border)}.palette-empty{padding:20px;text-align:center;font-size:13px;opacity:.5}.toast-message{position:fixed;right:20px;bottom:40px;width:min(340px,calc(100% - 40px));padding:16px;border-radius:12px;background:var(--toast-bg);border:1px solid var(--toast-border);box-shadow:var(--toast-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:250;animation:toastIn .3s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-head{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--fg)}.toast-body{font-size:12.5px;line-height:1.4;opacity:.8;margin-bottom:12px}.toast-btns{display:flex;justify-content:flex-end;gap:8px}.toast-action-btn{border:none;background:var(--accent);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.toast-action-btn:hover{background:var(--accent-hover)}.toast-action-btn.sec{background:transparent;color:var(--fg);border:1px solid var(--nav-border)}.toast-action-btn.sec:hover{background:var(--nav-item-hover)}.inline-search-bar{position:absolute;top:12px;right:24px;display:flex;align-items:center;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:8px;padding:4px 8px;box-shadow:var(--dropdown-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:40;animation:scaleUp .15s cubic-bezier(.16,1,.3,1)}.inline-search-input{background:transparent;border:none;color:var(--fg);font-size:12px;outline:none;width:150px;padding:4px;font-family:inherit}.inline-search-count{font-size:11px;opacity:.5;margin:0 8px;white-space:nowrap}.inline-search-btn{background:transparent;border:none;color:var(--fg);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .15s}.inline-search-btn:hover{background:var(--nav-item-hover)}.hljs{background:transparent!important;color:var(--fg)!important}.hljs-keyword,.hljs-selector-tag{color:var(--syn-keyword);font-weight:600}.hljs-built_in{color:var(--syn-builtin)}.hljs-type,.hljs-class{color:var(--syn-type)}.hljs-title,.hljs-title.class_,.hljs-title.function_,.hljs-function{color:var(--syn-title)}.hljs-attr,.hljs-attribute{color:var(--syn-attr)}.hljs-string,.hljs-regexp,.hljs-addition{color:var(--syn-string)}.hljs-number{color:var(--syn-attr)}.hljs-literal,.hljs-symbol,.hljs-bullet{color:var(--syn-literal)}.hljs-name,.hljs-section,.hljs-tag{color:var(--syn-name)}.hljs-variable,.hljs-template-variable{color:var(--syn-var)}.hljs-operator{color:var(--syn-operator)}.hljs-meta,.hljs-meta .hljs-keyword{color:var(--syn-meta)}.hljs-comment,.hljs-deletion{color:var(--syn-comment);font-style:italic}.hljs-doctag{color:var(--syn-keyword);font-weight:600}.hljs-quote{color:var(--syn-quote);font-style:italic}.hljs-template-tag,.hljs-selector-class{color:var(--syn-attr)}.hljs-selector-id{color:var(--syn-title)}.hljs-selector-attr{color:var(--syn-attr)}.hljs-selector-pseudo{color:var(--syn-builtin)}.hljs-property{color:var(--syn-attr)}.hljs-params{color:var(--fg)}.hljs-link{color:var(--syn-meta);text-decoration:underline}.hljs-punctuation{color:var(--syn-quote)}.hljs-char.escape_{color:var(--syn-literal)}.hljs-subst{color:var(--fg)}@media (max-width: 768px){.sidebar-minimap{display:none!important}.gutter-area{width:44px;padding:24px 8px 24px 0}.ms-navbar{padding:0 6px}.ms-title,.download-text{display:none}.ms-download-btn{padding:6px!important}.ms-menu-trigger{padding:6px 8px!important;font-size:13px!important}}@media (max-width: 600px){.ms-status-item:nth-child(2),.ms-status-item:nth-child(3),.ms-status-item:nth-child(4),.ms-status-item:nth-child(5),.ms-status-item:nth-child(6),.ms-status-item:nth-child(7),.ms-status-item:nth-child(8){display:none!important}.ms-status-right .ms-status-item:nth-child(2),.ms-status-right .ms-status-item:nth-child(3){display:none!important}.ms-statusbar{padding:0 8px!important}.ms-status-left,.ms-status-right{gap:8px!important}}@media (max-width: 480px){.inline-search-bar{right:8px;left:8px;top:8px;width:auto;justify-content:space-between}.inline-search-input{width:80px}}.run-code-btn{position:fixed;bottom:40px;right:20px;z-index:60;display:flex;align-items:center;gap:6px;background:#16a34a;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 4px 20px #16a34a59,0 0 0 1px #16a34a33;transition:all .2s cubic-bezier(.16,1,.3,1);animation:runBtnIn .3s cubic-bezier(.16,1,.3,1)}.run-code-btn:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 6px 28px #16a34a73,0 0 0 1px #16a34a4d}.run-code-btn:active{transform:translateY(0)}.run-code-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes runBtnIn{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.console-panel{display:flex;flex-direction:column;flex-shrink:0;background:var(--console-bg, #0d0d0f);border-top:1px solid var(--console-border, rgba(255, 255, 255, .08));z-index:45;animation:consolePanelIn .25s cubic-bezier(.16,1,.3,1);position:relative;min-height:100px}[data-theme=light] .console-panel{--console-bg: #f4f4f5;--console-border: rgba(0, 0, 0, .08);--console-header-bg: #e8e8ea;--console-tab-bg: #f4f4f5;--console-tab-active-bg: #ffffff;--console-tab-fg: #18181b;--console-output-bg: #fafafa;--console-log-fg: #27272a;--console-system-fg: #6b7280;--console-error-fg: #dc2626;--console-warn-fg: #d97706;--console-success-fg: #16a34a;--console-info-fg: #2563eb;--console-prefix-fg: #a1a1aa;--console-placeholder-fg: #a1a1aa;--console-grip-fg: rgba(0, 0, 0, .2);--console-action-hover: rgba(0, 0, 0, .06);--console-scrollbar-thumb: #d4d4d8}[data-theme=dark] .console-panel,:root .console-panel{--console-bg: #0d0d0f;--console-border: rgba(255, 255, 255, .08);--console-header-bg: #141418;--console-tab-bg: #0d0d0f;--console-tab-active-bg: #1c1c22;--console-tab-fg: #e4e4e7;--console-output-bg: #0d0d0f;--console-log-fg: #d4d4d8;--console-system-fg: #6b7280;--console-error-fg: #ef4444;--console-warn-fg: #f59e0b;--console-success-fg: #22c55e;--console-info-fg: #60a5fa;--console-prefix-fg: #52525b;--console-placeholder-fg: #52525b;--console-grip-fg: rgba(255, 255, 255, .15);--console-action-hover: rgba(255, 255, 255, .06);--console-scrollbar-thumb: #27272a}[data-theme=ocean] .console-panel{--console-bg: #080c16;--console-border: rgba(130, 170, 255, .1);--console-header-bg: #0c1220;--console-tab-bg: #080c16;--console-tab-active-bg: #111a2e;--console-tab-fg: #c0caf5;--console-output-bg: #080c16;--console-log-fg: #a9b1d6;--console-system-fg: #565f89;--console-error-fg: #f7768e;--console-warn-fg: #e0af68;--console-success-fg: #9ece6a;--console-info-fg: #7aa2f7;--console-prefix-fg: #3b4261;--console-placeholder-fg: #3b4261;--console-grip-fg: rgba(130, 170, 255, .15);--console-action-hover: rgba(130, 170, 255, .08);--console-scrollbar-thumb: #1a233a}[data-theme=sepia] .console-panel{--console-bg: #efe0c3;--console-border: rgba(67, 52, 34, .12);--console-header-bg: #e6d3af;--console-tab-bg: #efe0c3;--console-tab-active-bg: #f5ebd6;--console-tab-fg: #433422;--console-output-bg: #f2e6cf;--console-log-fg: #433422;--console-system-fg: #8c7a63;--console-error-fg: #bf616a;--console-warn-fg: #d08770;--console-success-fg: #a3be8c;--console-info-fg: #5e81ac;--console-prefix-fg: #bca07d;--console-placeholder-fg: #bca07d;--console-grip-fg: rgba(67, 52, 34, .2);--console-action-hover: rgba(67, 52, 34, .06);--console-scrollbar-thumb: #d2bc94}@keyframes consolePanelIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.console-drag-handle{height:6px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--console-header-bg);flex-shrink:0;touch-action:none}.console-drag-grip{width:36px;height:3px;border-radius:2px;background:var(--console-grip-fg);transition:background .15s}.console-drag-handle:hover .console-drag-grip,.console-drag-handle:active .console-drag-grip{background:var(--accent)}.console-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;height:34px;background:var(--console-header-bg);border-bottom:1px solid var(--console-border);flex-shrink:0;gap:8px}.console-tabs{display:flex;align-items:center;gap:2px}.console-tab{display:flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;color:var(--console-tab-fg);background:var(--console-tab-bg);border-radius:5px 5px 0 0;cursor:default;-webkit-user-select:none;user-select:none;opacity:.6;transition:opacity .15s,background .15s;font-family:inherit}.console-tab.active{opacity:1;background:var(--console-tab-active-bg)}.console-exit-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;line-height:1.2}.console-exit-badge.success{background:#22c55e26;color:var(--console-success-fg)}.console-exit-badge.fail{background:#ef444426;color:var(--console-error-fg)}.console-actions{display:flex;align-items:center;gap:2px}.console-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--console-tab-fg);cursor:pointer;border-radius:5px;opacity:.7;transition:opacity .15s,background .15s}.console-action-btn:hover{opacity:1;background:var(--console-action-hover)}.console-action-btn.run-action{color:#22c55e;opacity:1}.console-action-btn.run-action:hover{background:#22c55e1f}.console-action-btn:disabled{opacity:.3;cursor:not-allowed}.console-output{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;background:var(--console-output-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12.5px;line-height:1.65}.console-output::-webkit-scrollbar{width:6px}.console-output::-webkit-scrollbar-track{background:transparent}.console-output::-webkit-scrollbar-thumb{background:var(--console-scrollbar-thumb);border-radius:3px}.console-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--console-placeholder-fg);font-size:12px;-webkit-user-select:none;user-select:none}.console-log-line{display:flex;align-items:flex-start;padding:1px 14px;min-height:20px;word-break:break-all}.console-log-prefix{flex-shrink:0;width:16px;color:var(--console-prefix-fg);font-size:11px;margin-right:6px;text-align:center;-webkit-user-select:none;user-select:none;line-height:inherit}.console-log-text{flex:1;white-space:pre-wrap;word-break:break-word}.console-log-line.log{color:var(--console-log-fg)}.console-log-line.system{color:var(--console-system-fg);font-style:italic}.console-log-line.system .console-log-prefix{color:var(--accent)}.console-log-line.error,.console-log-line.error-summary{color:var(--console-error-fg);background:#ef44440d}.console-log-line.error .console-log-prefix,.console-log-line.error-summary .console-log-prefix{color:var(--console-error-fg)}.console-log-line.warn{color:var(--console-warn-fg);background:#f59e0b0d}.console-log-line.warn .console-log-prefix{color:var(--console-warn-fg)}.console-log-line.success,.console-log-line.success .console-log-prefix{color:var(--console-success-fg)}.console-log-line.info,.console-log-line.info .console-log-prefix{color:var(--console-info-fg)}.console-cursor-blink{animation:cursorBlinkAnim 1s step-end infinite;color:var(--console-system-fg);font-size:11px}@keyframes cursorBlinkAnim{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.run-code-btn{bottom:36px;right:12px;padding:8px 14px;font-size:12px;border-radius:8px}.console-header{height:32px;padding:0 6px}.console-tab{padding:4px 8px;font-size:11px}.console-action-btn{width:26px;height:26px}.console-output{font-size:11.5px}.console-log-line{padding:1px 8px}}@media (max-width: 480px){.run-code-btn{bottom:34px;right:8px;padding:7px 12px;font-size:11.5px;gap:4px}.run-code-btn span{display:none}.run-code-btn{padding:9px;border-radius:50%}.console-header{height:30px;padding:0 4px}.console-tab span{display:none}.console-tab{padding:4px 6px;gap:4px;font-size:10px}.console-output{font-size:11px;padding:4px 0}.console-log-line{padding:1px 6px}.console-log-prefix{width:12px;margin-right:4px;font-size:10px}.console-placeholder{font-size:11px;gap:6px}}.lang-dropdown-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;color:var(--status-fg);font-size:12px;font-family:inherit;cursor:pointer;outline:none;padding:3px 8px;border-radius:4px;transition:background .15s,border-color .15s,color .15s;-webkit-user-select:none;user-select:none}.lang-dropdown-btn:hover,.lang-dropdown-btn.active{background:var(--nav-item-hover);border-color:var(--nav-border);color:var(--fg)}.lang-dropdown-btn svg{width:14px;height:14px;opacity:.8}.lang-dropdown-menu{position:absolute;bottom:calc(100% + 6px);right:0;width:220px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:6px;box-shadow:0 4px 20px #00000040;display:flex;flex-direction:column;overflow:hidden;z-index:1000;animation:slideUp .15s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}.lang-dropdown-search-container{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--nav-border);background:#0000001a}.lang-dropdown-search-container svg{width:13px;height:13px;opacity:.5;flex-shrink:0}.lang-dropdown-search-input{width:100%;background:transparent;border:none;color:var(--fg);font-size:11px;font-family:inherit;outline:none;padding:2px 0}.lang-dropdown-list{max-height:200px;overflow-y:auto;padding:4px 0}.lang-dropdown-list::-webkit-scrollbar{width:6px}.lang-dropdown-list::-webkit-scrollbar-track{background:transparent}.lang-dropdown-list::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}.lang-dropdown-list-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--status-fg);font-size:12px;font-family:inherit;text-align:left;cursor:pointer;outline:none;transition:background .1s,color .1s}.lang-dropdown-list-item:hover,.lang-dropdown-list-item.highlighted{background:var(--nav-item-hover);color:var(--fg)}.lang-dropdown-list-item.selected{color:var(--accent);font-weight:500;background:rgba(var(--accent-rgb, 100, 100, 255),.1)}.lang-dropdown-item-left{display:flex;align-items:center;gap:8px}.lang-dropdown-item-left svg{width:12px;height:12px;opacity:.6}.lang-dropdown-list-item.selected .lang-dropdown-item-left svg{opacity:1}.lang-dropdown-item-runnable{display:flex;align-items:center;color:var(--syn-string)}.lang-dropdown-item-runnable svg{width:12px;height:12px}button,select,input,textarea,a,[role=button]{outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important}.console-error-line-link{margin-left:8px;background:var(--syn-keyword);color:#fff;border:none;font-size:10px;padding:1px 6px;border-radius:3px;cursor:pointer;opacity:.85;transition:opacity .15s,background-color .15s;font-family:inherit}.console-error-line-link:hover{opacity:1;background:var(--accent)}