@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root,[data-theme=vs-dark]{--color-background:#0b0f19;--color-primary:#151c2c;--color-secondary:#1e293b;--color-border:#ffffff14;--color-border-hover:#38bdf84d;--color-foreground:#f8fafc;--color-muted:#94a3b8;--color-accent:#22c55e;--color-brand:#38bdf8;--color-brand-gradient:linear-gradient(135deg, #22c55e 0%, #0ea5e9 100%);--color-destructive:#ef4444;--terminal-bg:#0b0f19;--terminal-header-bg:#151c2c;--terminal-border:#ffffff14;--terminal-text:#f8fafc;--popover-bg:#151c2cd9;--popover-border:#ffffff1f;--popover-item-hover:#ffffff0f;--popover-item-selected:#22c55e26;--shadow-glow:0 0 20px #22c55e59;--shadow-popover:0 20px 40px -10px #0009}[data-theme=vs-light]{--color-background:#f8fafc;--color-primary:#fff;--color-secondary:#f1f5f9;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-foreground:#0f172a;--color-muted:#64748b;--color-accent:#16a34a;--color-brand:#0284c7;--color-brand-gradient:linear-gradient(135deg, #16a34a 0%, #0284c7 100%);--color-destructive:#dc2626;--terminal-bg:#f8fafc;--terminal-header-bg:#f1f5f9;--terminal-border:#e2e8f0;--terminal-text:#0f172a;--popover-bg:#fffffff2;--popover-border:#cbd5e1;--popover-item-hover:#f1f5f9;--popover-item-selected:#16a34a1f;--shadow-glow:0 0 20px #16a34a40;--shadow-popover:0 20px 40px -10px #0000001f}[data-theme=monokai]{--color-background:#030712;--color-primary:#090d16;--color-secondary:#111827;--color-border:#1f2937;--color-border-hover:#374151;--color-foreground:#f9fafb;--color-muted:#6b7280;--color-accent:#00ff87;--color-brand:#38bdf8;--color-brand-gradient:linear-gradient(135deg, #00ff87 0%, #60a5fa 100%);--color-destructive:#f87171;--terminal-bg:#030712;--terminal-header-bg:#090d16;--terminal-border:#1f2937;--terminal-text:#f9fafb;--popover-bg:#090d16eb;--popover-border:#1f2937;--popover-item-hover:#111827;--popover-item-selected:#00ff871f;--shadow-glow:0 0 20px #00ff874d;--shadow-popover:0 20px 40px -10px #000c}[data-theme=cyberpunk]{--color-background:#18181b;--color-primary:#27272a;--color-secondary:#3f3f46;--color-border:#3f3f46;--color-border-hover:#52525b;--color-foreground:#fafafa;--color-muted:#a1a1aa;--color-accent:#f59e0b;--color-brand:#10b981;--color-brand-gradient:linear-gradient(135deg, #f59e0b 0%, #10b981 100%);--color-destructive:#ef4444;--terminal-bg:#18181b;--terminal-header-bg:#27272a;--terminal-border:#3f3f46;--terminal-text:#fafafa;--popover-bg:#27272aeb;--popover-border:#52525b;--popover-item-hover:#3f3f46;--popover-item-selected:#f59e0b26;--shadow-glow:0 0 20px #f59e0b59;--shadow-popover:0 20px 40px -10px #000000b3}:root{--font-heading:"Outfit", sans-serif;--font-body:"Outfit", sans-serif;--font-code:"JetBrains Mono", "Fira Code", monospace;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--mob-bottom-bar-height:64px}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-background);width:100vw;height:100vh;color:var(--color-foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;transition:background-color .2s,color .2s;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.015em;margin-top:0}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.btn{min-height:44px;font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.875rem;font-weight:600;transition:transform .15s,background-color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--color-brand-gradient);color:#0f172a;letter-spacing:.01em;font-weight:800}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--color-primary);color:var(--color-foreground);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-secondary);border-color:var(--color-border-hover)}.user-logged-in{color:var(--color-accent);background-color:#22c55e1f;border-color:#22c55e66}.icon-btn{background-color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:44px;min-height:44px;color:var(--color-muted);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;padding:0;transition:transform .15s,color .15s,background-color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{color:var(--color-foreground);background-color:var(--color-secondary);border-color:var(--color-border-hover);transform:translateY(-1px)}.icon-btn.active{color:var(--color-brand);border-color:var(--color-brand);background-color:var(--color-secondary)}.icon-btn.highlight{color:var(--color-brand)}.custom-select-container{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.custom-select-trigger{background-color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:44px;color:var(--color-foreground);font-family:var(--font-body);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.45rem .85rem;font-size:.875rem;font-weight:600;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.custom-select-trigger:hover{border-color:var(--color-border-hover);background-color:var(--color-secondary);transform:translateY(-1px)}.custom-select-trigger-content{align-items:center;gap:.4rem;display:flex;overflow:hidden}.custom-select-icon{color:var(--color-muted);align-items:center;display:flex}.custom-select-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-select-caret{color:var(--color-muted);flex-shrink:0;transition:transform .2s}.custom-select-caret.open{transform:rotate(180deg)}.custom-select-popover{background-color:var(--popover-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--popover-border);border-radius:var(--radius-md);width:max-content;min-width:100%;max-width:280px;box-shadow:var(--shadow-popover);z-index:300;animation:.18s cubic-bezier(.16,1,.3,1) forwards popoverFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-select-options{max-height:240px;margin:0;padding:.35rem 0;list-style:none;overflow-y:auto}.custom-select-option{color:var(--color-foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .9rem;font-size:.85rem;transition:background-color .12s,transform .12s;display:flex}.custom-select-option:hover{background-color:var(--popover-item-hover);transform:translate(2px)}.custom-select-option.selected{background-color:var(--popover-item-selected);font-weight:700}.option-main{align-items:center;gap:.45rem;display:flex}.option-icon{color:var(--color-muted);align-items:center;display:flex}.option-sub{align-items:center;gap:.4rem;display:flex}.option-badge{background-color:var(--color-secondary);color:var(--color-muted);font-size:.7rem;font-weight:600;font-family:var(--font-code);border-radius:4px;padding:.1rem .35rem}.option-check{color:var(--color-accent)}.app-container{background-color:var(--color-background);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.header-root{background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:20;flex-shrink:0;transition:background-color .2s,border-color .2s}.header-main-bar{justify-content:space-between;align-items:center;gap:.75rem;min-height:56px;padding:.5rem 1rem;display:flex}.brand{font-family:var(--font-heading);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.brand-text-locked{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.15rem;font-weight:800;color:#22c55e!important}.header-actions{align-items:center;gap:.5rem;display:flex}.desktop-secondary-controls{align-items:center;gap:.45rem;display:flex}.mobile-lang-pill{min-height:44px;color:var(--color-accent);font-family:var(--font-code);cursor:pointer;touch-action:manipulation;background-color:#22c55e1f;border:1px solid #22c55e66;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.9rem;font-weight:700;display:inline-flex}.editor-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.terminal-wrapper{border-top:1px solid var(--color-border);flex-direction:column;width:100%;height:240px;min-height:240px;transition:height .22s,min-height .22s;display:flex}.terminal-wrapper.collapsed{height:44px!important;min-height:44px!important}.terminal-container{background-color:var(--terminal-bg);height:100%;color:var(--terminal-text);font-family:var(--font-code);flex-direction:column;transition:background-color .2s,color .2s;display:flex}.terminal-header{background-color:var(--terminal-header-bg);border-bottom:1px solid var(--terminal-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;padding:.3rem .75rem;display:flex}.terminal-tabs{align-items:center;gap:.25rem;display:flex}.tab-btn{border-radius:var(--radius-sm);min-height:38px;color:var(--color-muted);font-family:var(--font-body);cursor:pointer;touch-action:manipulation;background-color:#0000;border:1px solid #0000;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.82rem;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.tab-btn.active{background-color:var(--terminal-bg);border-color:var(--terminal-border);color:var(--color-brand)}.terminal-actions{align-items:center;gap:.45rem;display:flex}.terminal-meta-item{color:var(--color-muted);font-size:.78rem;font-family:var(--font-code)}.exit-badge{border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;font-family:var(--font-code);padding:.1rem .4rem}.terminal-action-btn{min-width:36px;min-height:38px;color:var(--color-muted);font-size:.78rem;font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm);touch-action:manipulation;background:0 0;border:none;align-items:center;gap:.2rem;padding:.3rem .45rem;display:inline-flex}.terminal-action-btn:hover:not(:disabled){color:var(--color-foreground);background-color:var(--color-secondary)}.terminal-action-btn:disabled{opacity:.4;cursor:not-allowed}.terminal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.85rem 1rem;overflow-y:auto}.terminal-output-content{font-family:var(--font-code);font-size:.875rem;line-height:1.55}.output-error-msg{color:var(--color-destructive);white-space:pre-wrap;margin-bottom:.5rem}.output-stderr-msg{color:#f87171;white-space:pre-wrap;margin-bottom:.5rem}.output-stdout-msg{color:var(--terminal-text);white-space:pre-wrap}.output-empty-msg{color:var(--color-muted);font-style:italic}.stdin-container{flex-direction:column;height:100%;display:flex}.stdin-label{color:var(--color-muted);font-size:.78rem;font-family:var(--font-body);margin-bottom:.45rem;display:block}.stdin-textarea{background-color:var(--color-primary);border:1px solid var(--color-border);width:100%;height:140px;color:var(--color-foreground);font-family:var(--font-code);resize:vertical;border-radius:6px;padding:.75rem;font-size:.875rem}.mobile-main{min-height:0;padding-bottom:var(--mob-bottom-bar-height);flex-direction:column;flex:1;display:flex;overflow:hidden}.mobile-panel{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.mobile-stdin-panel{background-color:var(--color-background);-webkit-overflow-scrolling:touch;overflow-y:auto}.mobile-stdin-inner{flex-direction:column;height:100%;padding:1rem;display:flex}.mobile-stdin-hint{color:var(--color-muted);margin-bottom:.75rem;font-size:.82rem;line-height:1.5}.mobile-stdin-hint code{color:var(--color-accent);font-size:.82rem;font-family:var(--font-code);background-color:#22c55e1a;border-radius:4px;padding:.1em .3em}.mobile-stdin-textarea{background-color:var(--color-primary);border:1px solid var(--color-border);width:100%;min-height:200px;color:var(--color-foreground);font-family:var(--font-code);resize:none;border-radius:8px;flex:1;padding:.85rem;font-size:16px;line-height:1.6}.mobile-bottom-bar-root{height:var(--mob-bottom-bar-height);background-color:var(--color-background);border-top:1px solid var(--color-border);z-index:100;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav{flex:1;align-items:stretch;display:flex}.mobile-nav-item{color:var(--color-muted);font-size:.68rem;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.4rem .25rem;font-weight:600;display:flex}.mobile-nav-item.active{color:var(--color-accent)}.nav-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.nav-dot-indicator{background-color:var(--color-brand);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-5px}.mobile-fab-run-btn{background:var(--color-brand-gradient);color:#0f172a;width:70px;font-family:var(--font-body);letter-spacing:.05em;cursor:pointer;border:none;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:.15rem;font-size:.65rem;font-weight:800;display:flex}.fab-label{font-size:.62rem;font-weight:800}.bottom-sheet-backdrop{-webkit-backdrop-filter:blur(4px);z-index:200;background-color:#020617b3;flex-direction:column;justify-content:flex-end;animation:.18s fade-in;display:flex;position:fixed;inset:0}.bottom-sheet-content{background-color:var(--popover-bg);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--popover-border);border-radius:20px 20px 0 0;flex-direction:column;max-height:88vh;animation:.22s cubic-bezier(.34,1.56,.64,1) slide-up;display:flex;overflow:hidden}.bottom-sheet-drag-handle{background-color:var(--color-border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0}.bottom-sheet-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1.1rem .65rem;display:flex}.bottom-sheet-title{font-family:var(--font-heading);color:var(--color-foreground);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex}.bottom-sheet-close-btn{color:var(--color-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.bottom-sheet-search-wrap{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:.65rem 1rem;position:relative}.search-icon{pointer-events:none;position:absolute;top:50%;left:1.6rem;transform:translateY(-50%)}.bottom-sheet-search-input{background-color:var(--color-background);border:1px solid var(--color-border);width:100%;color:var(--color-foreground);font-size:16px;font-family:var(--font-body);border-radius:8px;padding:.6rem .75rem .6rem 2.35rem}.bottom-sheet-lang-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.65rem .85rem 1.5rem;display:grid;overflow-y:auto}.lang-card{background-color:var(--color-background);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:.2rem;padding:.7rem .85rem;transition:transform .12s,border-color .12s;display:flex}.lang-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.lang-card.selected{border-color:var(--color-accent);background-color:var(--popover-item-selected)}.lang-card-main{justify-content:space-between;align-items:center;gap:.3rem;display:flex}.lang-card-name{color:var(--color-foreground);font-size:.95rem;font-weight:700}.lang-card-badge{color:var(--color-muted);background-color:var(--color-primary);font-size:.68rem;font-weight:600;font-family:var(--font-code);border-radius:4px;padding:.05rem .35rem}.lang-card-sub{justify-content:space-between;align-items:center;display:flex}.lang-card-category{color:var(--color-muted);font-size:.72rem}.settings-sheet-body{flex-direction:column;gap:.5rem;padding:.65rem 1rem 1.5rem;display:flex;overflow-y:auto}.settings-row{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.settings-row-info{color:var(--color-foreground);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.settings-grid{grid-template-columns:repeat(2,1fr);gap:.45rem;margin-top:.35rem;display:grid}.settings-grid-btn{border-radius:10px;flex-direction:column;gap:.3rem;width:100%;min-height:64px;padding:.7rem .6rem;font-size:.78rem}@media (width<=768px){.desktop-secondary-controls,.run-btn{display:none!important}}@media (width>=769px){.mobile-bottom-bar-root,.mobile-main{display:none!important}.editor-container{display:flex!important}}