@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--bg-base:#0b0d13;--bg-sidebar:#0f121b;--bg-panel:#10141df0;--bg-toolbar:#0f121bd9;--bg-statusbar:#0c0e16;--bg-input:#151926;--bg-card:#151926;--bg-card-hover:#1b2133;--bg-card-active:#20273d;--border:#ffffff14;--border-light:#ffffff24;--border-subtle:#ffffff0a;--border-focus:#1b72f5a6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#1b72f5;--accent-gradient:linear-gradient(135deg, #1b72f5 0%, #3b82f6 100%);--accent-hover:#3886f7;--accent-dim:#1b72f524;--accent-dimmer:#1b72f514;--accent-glow:0 0 24px #1b72f540;--green:#10b981;--green-dim:#10b98126;--amber:#f59e0b;--amber-dim:#f59e0b26;--red:#f43f5e;--red-dim:#f43f5e26;--radius-xs:4px;--radius-sm:6px;--radius-md:9px;--radius-lg:14px;--radius-pill:9999px;--sidebar-w:230px;--toolbar-h:48px;--statusbar-h:28px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 16px 40px -8px #00000080;--shadow-panel:0 10px 30px #00000059;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Menlo, Monaco, monospace}:root[data-theme=light]{--bg-base:#fff;--bg-sidebar:#fff;--bg-panel:#fff;--bg-toolbar:#fff;--bg-statusbar:#fff;--bg-input:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-card-active:#e2e8f0;--border:#e2e8f0;--border-light:#cbd5e1;--border-subtle:#f1f5f9;--border-focus:#1b72f599;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#1b72f5;--accent-gradient:linear-gradient(135deg, #1b72f5 0%, #3b82f6 100%);--accent-hover:#155ecc;--accent-dim:#1b72f51a;--accent-dimmer:#1b72f50d;--accent-glow:0 0 20px #1b72f533;--green:#059669;--green-dim:#0596691f;--amber:#d97706;--amber-dim:#d977061f;--red:#e11d48;--red-dim:#e11d481f;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 14px #0000000f;--shadow-lg:0 16px 36px -6px #0000001f;--shadow-panel:0 8px 24px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.5;overflow:hidden}input,button,textarea,select{font-family:inherit;font-size:inherit}.app-shell{background:var(--bg-base);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.editor-wrap{background:#262b38;flex:1;position:relative;overflow:hidden}.editor-wrap .monaco-editor,.editor-wrap .monaco-editor-background,.editor-wrap .monaco-editor .margin,.editor-wrap .monaco-editor .inputarea.ime-input{background-color:#262b38!important}:root[data-theme=light] .editor-wrap{background:#fff}:root[data-theme=light] .editor-wrap .monaco-editor,:root[data-theme=light] .editor-wrap .monaco-editor-background,:root[data-theme=light] .editor-wrap .monaco-editor .margin,:root[data-theme=light] .editor-wrap .monaco-editor .inputarea.ime-input{background-color:#fff!important}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:20;flex-direction:column;flex-shrink:0;min-width:240px;transition:width .15s;display:flex;overflow:hidden}.app-shell.resizing .sidebar{transition:none!important}.app-shell.sidebar-collapsed .sidebar{visibility:hidden;transition:width .22s cubic-bezier(.16,1,.3,1),opacity .16s,visibility .22s;opacity:0!important;pointer-events:none!important;border-right:none!important;width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important}.app-shell.sidebar-collapsed .sidebar-divider{display:none!important}.app-shell.header-collapsed .toolbar{visibility:hidden;transition:height .22s cubic-bezier(.16,1,.3,1),opacity .16s,padding .22s,visibility .22s;opacity:0!important;pointer-events:none!important;border-bottom:none!important;height:0!important;min-height:0!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}.app-shell.header-collapsed .panel-bar,.app-shell.fullscreen-mode .sidebar,.app-shell.fullscreen-mode .sidebar-divider,.app-shell.fullscreen-mode .toolbar,.app-shell.fullscreen-mode .app-footer,.app-shell.fullscreen-mode .panel-bar{display:none!important}.app-shell.fullscreen-mode .main-area,.app-shell.fullscreen-mode .editor-wrap{width:100vw!important;height:100vh!important}.sidebar-divider{cursor:col-resize;z-index:25;-webkit-user-select:none;user-select:none;background:0 0;outline:none;flex-shrink:0;width:9px;margin-left:-5px;margin-right:-4px;transition:background-color .15s;position:relative}.sidebar-divider:after{content:"";background:0 0;width:1px;transition:background-color .15s,box-shadow .15s,width .15s,left .15s;position:absolute;top:0;bottom:0;left:4px}.sidebar-divider:hover:after,.sidebar-divider.resizing:after,.sidebar-divider:focus-visible:after{background:var(--accent);width:2px;box-shadow:0 0 6px var(--accent);left:3.5px}.sidebar-divider:hover,.sidebar-divider.resizing{background:#1b72f514}.sidebar-header{height:var(--toolbar-h);box-sizing:border-box;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.sidebar-brand{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;min-width:0;padding:0;display:inline-flex}.sidebar-brand-icon-img{object-fit:contain;border-radius:7px;flex-shrink:0;width:34px;height:34px}.sidebar-brand-text-img{object-fit:contain;filter:brightness(0)invert();width:auto;max-width:140px;height:24px;display:block;transform:translateY(8%)}:root[data-theme=light] .sidebar-brand-text-img{filter:none}.sidebar-header-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.sidebar-file-actions{flex-shrink:0;align-items:center;gap:6px;padding:8px 10px 2px;display:flex}.icon-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.icon-btn:hover,.icon-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.icon-btn-danger{color:var(--red)}.icon-btn-danger:hover{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:disabled:hover{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border)}.sidebar-bulk-container{background:var(--accent-dimmer);border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;animation:.15s cubic-bezier(.16,1,.3,1) panelSlideDown;display:flex}.sidebar-bulk-bar{justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 4px;display:flex}.sidebar-bulk-info{align-items:center;gap:8px;min-width:0;display:flex}.bulk-select-all-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-xs);font-size:11px;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;padding:2px 7px;transition:all .12s}.bulk-select-all-btn:hover{color:var(--text-primary);border-color:var(--border-light);background:var(--bg-card)}.bulk-count{color:var(--accent);font-size:10.5px;font-family:var(--font-mono);white-space:nowrap;font-weight:600}.sidebar-bulk-hint{color:var(--text-muted);padding:2px 10px 7px;font-size:10.5px;line-height:1.35}.sidebar-bulk-hint-desktop{display:block}.sidebar-bulk-hint-mobile{display:none}@media (width<=768px),(pointer:coarse){.sidebar-bulk-hint-desktop{display:none}.sidebar-bulk-hint-mobile{display:block}}.doc-checkbox{border:1.5px solid var(--text-muted);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:all .12s;display:flex}.doc-checkbox:hover{border-color:var(--accent)}.doc-checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.doc-item.selected{background:var(--accent-dim);color:var(--text-primary)}.sidebar-footer-selected{color:var(--accent);font-weight:600;font-family:var(--font-mono)}.sidebar-search-wrap{flex-shrink:0;padding:8px 10px 4px}.sidebar-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 8px;transition:all .15s;display:flex}.sidebar-search:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.sidebar-search-icon{color:var(--text-muted);flex-shrink:0}.sidebar-search-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:11.5px}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.sidebar-search-clear:hover{color:var(--text-primary)}.doc-list{flex-direction:column;flex:1;gap:2px;padding:6px 8px;display:flex;overflow-y:auto}.doc-empty{color:var(--text-muted);text-align:center;padding:32px 14px;font-size:12px;line-height:1.6}.doc-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;outline:none;align-items:center;gap:8px;padding:6px 8px;transition:all .15s;display:flex;position:relative;overflow:hidden}.doc-item.holding{background:var(--bg-card-hover);transform:scale(.985)}.doc-item.holding:after{content:"";background:var(--accent);border-radius:2px;height:2px;animation:.38s cubic-bezier(.2,.8,.4,1) forwards docHoldProgress;position:absolute;bottom:0;left:0}@keyframes docHoldProgress{0%{opacity:.6;width:0%}to{opacity:1;width:100%}}.doc-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.doc-item.active{background:linear-gradient(90deg, var(--accent-dim) 0%, #1b72f508 100%);color:var(--text-primary);font-weight:500}.doc-item.active:before{content:"";background:var(--accent);width:2.5px;box-shadow:0 0 8px var(--accent);border-radius:2px;position:absolute;top:5px;bottom:5px;left:0}.doc-icon{color:var(--text-muted);flex-shrink:0}.doc-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.doc-rename-input{background:var(--bg-input);border:1px solid var(--accent);min-width:0;color:var(--text-primary);box-shadow:0 0 0 2px var(--accent-dim);-webkit-user-select:text;user-select:text;touch-action:auto;border-radius:4px;outline:none;flex:1;padding:1px 6px;font-family:inherit;font-size:12px}.doc-ext-badge{font-family:var(--font-mono);cursor:pointer;white-space:nowrap;letter-spacing:.02em;border:1px solid;border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.2;transition:all .15s}.doc-ext-badge:hover{box-shadow:0 0 10px color-mix(in srgb, var(--badge-color) 40%, transparent);background-color:var(--badge-color)!important;color:#fff!important;border-color:var(--badge-color)!important}.doc-item.active .doc-ext-badge{border-color:var(--badge-color);box-shadow:0 0 8px color-mix(in srgb, var(--badge-color) 25%, transparent);font-weight:700}@keyframes doc-item-flash{0%,to{box-shadow:0 0 #0000}30%,70%{box-shadow:0 0 0 2px var(--accent)}}.doc-item.flash{animation:.9s cubic-bezier(.16,1,.3,1) doc-item-flash}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.context-menu-backdrop{z-index:1999;-webkit-tap-highlight-color:transparent;background:0 0;position:fixed;inset:0}.context-menu{z-index:2000;background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-md);min-width:195px;box-shadow:var(--shadow-lg), 0 0 0 1px #00000026;-webkit-user-select:none;user-select:none;padding:5px;animation:.12s cubic-bezier(.16,1,.3,1) contextMenuAppear;position:fixed}.context-menu-header{padding:5px 8px 3px}.context-menu-docname{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:block;overflow:hidden}.context-menu-divider{background:var(--border);height:1px;margin:4px 0}.context-menu-item{width:100%;color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:6px 9px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.context-menu-item:hover{background:var(--accent-dim);color:var(--text-primary)}.context-menu-item-danger{color:var(--red)}.context-menu-item-danger:hover{background:var(--red-dim);color:var(--red)}.context-menu-icon{opacity:.85;flex-shrink:0}.context-menu-item:hover .context-menu-icon{opacity:1}.context-menu-label{flex:1}.context-menu-hint{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.sidebar-footer{height:var(--statusbar-h);box-sizing:border-box;border-top:1px solid var(--border);color:var(--text-muted);font-size:11px;font-family:var(--font-mono);background:var(--bg-statusbar);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.toolbar{height:var(--toolbar-h);background:var(--bg-toolbar);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 14px;display:grid}.toolbar-left{justify-self:start;align-items:center;display:flex}.menu-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .12s;display:none}.menu-btn:hover{color:var(--text-primary);border-color:var(--border-light);background:#ffffff14}:root[data-theme=light] .menu-btn:hover{background:#0000000d}.toolbar-icon-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .12s;display:inline-flex}.toolbar-icon-btn:hover{color:var(--text-primary);border-color:var(--border-light);background:#ffffff14}:root[data-theme=light] .toolbar-icon-btn:hover{background:#0000000d}.toolbar-icon-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 4px #1b72f559}.desktop-sidebar-btn{display:inline-flex}.mobile-menu-btn{display:none}.toolbar-center{justify-content:center;align-items:center;display:flex}.toolbar-actions-group{align-items:center;gap:8px;display:flex}.tool-btn{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-panel) 100%);border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 10px #00000038}.tool-btn:hover{filter:brightness(1.08);color:var(--text-primary);border-color:#1b72f573;transform:translateY(-.5px);box-shadow:0 4px 14px #1b72f538}:root[data-theme=light] .tool-btn{color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a12}:root[data-theme=light] .tool-btn:hover{border-color:#1b72f573;box-shadow:0 4px 12px #1b72f529}.tool-btn.active{background:var(--accent-gradient);color:#fff;border-color:#1b72f580;box-shadow:0 2px 12px #1b72f559}.tool-btn.tool-btn-replace{color:#bae6fd;background:linear-gradient(135deg,#7dd3fc38 0%,#38bdf824 100%);border-color:#7dd3fc6b;box-shadow:0 2px 10px #38bdf826}.tool-btn.tool-btn-replace:hover{color:#e0f2fe;background:linear-gradient(135deg,#7dd3fc4d 0%,#38bdf838 100%);border-color:#7dd3fca6;box-shadow:0 4px 14px #38bdf840}:root[data-theme=light] .tool-btn.tool-btn-replace{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-color:#7dd3fc;box-shadow:0 2px 8px #0ea5e926}:root[data-theme=light] .tool-btn.tool-btn-replace:hover{color:#075985;background:linear-gradient(135deg,#bae6fd 0%,#7dd3fc 100%);border-color:#38bdf8;box-shadow:0 4px 12px #0ea5e938}.tool-btn.tool-btn-replace.active{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);border-color:#38bdf899;box-shadow:0 2px 12px #0ea5e959}.tool-btn.tool-btn-beautify{color:#f3e8ff;background:linear-gradient(135deg,#d8b4fe38 0%,#f472b624 100%);border-color:#d8b4fe6b;box-shadow:0 2px 10px #c084fc26}.tool-btn.tool-btn-beautify:hover{color:#fae8ff;background:linear-gradient(135deg,#d8b4fe4d 0%,#f472b638 100%);border-color:#d8b4fea6;box-shadow:0 4px 14px #c084fc40}:root[data-theme=light] .tool-btn.tool-btn-beautify{color:#7e22ce;background:linear-gradient(135deg,#f3e8ff 0%,#fce7f3 100%);border-color:#d8b4fe;box-shadow:0 2px 8px #a855f726}:root[data-theme=light] .tool-btn.tool-btn-beautify:hover{color:#6b21a8;background:linear-gradient(135deg,#e9d5ff 0%,#fbcfe8 100%);border-color:#c084fc;box-shadow:0 4px 12px #a855f738}.tool-label{font-weight:700}.toolbar-right{justify-self:end;align-items:center;gap:8px;display:flex}.top-left-collapsed-controls{z-index:50;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-sm);background:#0f172abf;border:1px solid #ffffff1f;align-items:center;padding:3px 4px;animation:.18s floatingFadeIn;display:flex;position:absolute;top:10px;left:14px;box-shadow:0 4px 16px #00000040}:root[data-theme=light] .top-left-collapsed-controls{background:#ffffffe0;border-color:#cbd5e1;box-shadow:0 4px 16px #00000014}.top-right-collapsed-controls{z-index:50;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-sm);background:#0f172abf;border:1px solid #ffffff1f;align-items:center;gap:4px;padding:3px 4px;animation:.18s floatingFadeIn;display:flex;position:absolute;top:10px;right:14px;box-shadow:0 4px 16px #00000040}:root[data-theme=light] .top-right-collapsed-controls{background:#ffffffe0;border-color:#cbd5e1;box-shadow:0 4px 16px #00000014}.floating-icon-btn{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all 80ms;display:inline-flex}.floating-icon-btn:hover{color:var(--text-primary);border-color:var(--border-light);background:#ffffff1f}:root[data-theme=light] .floating-icon-btn:hover{background:#0000000f;border-color:#cbd5e1}.fast-tooltip{z-index:99999;pointer-events:none;color:#f8fafc;font-family:var(--font-sans);white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#0f172af0;border:1px solid #ffffff26;border-radius:5px;padding:4px 9px;font-size:11.5px;font-weight:500;line-height:1.3;animation:80ms forwards fastTooltipFade;position:fixed;box-shadow:0 4px 12px #00000059}:root[data-theme=light] .fast-tooltip{color:#fff;background:#0f172aeb;border-color:#fff3;box-shadow:0 4px 12px #00000026}.fast-tooltip-top{transform:translate(-50%,-100%)}.fast-tooltip-bottom{transform:translate(-50%)}@keyframes fastTooltipFade{0%{opacity:0;transform:translate(-50%,2px)}to{opacity:1;transform:translate(-50%)}}.fullscreen-run-wrapper{z-index:100;animation:.25s floatingFadeInCenter;position:fixed;top:12px;left:50%;transform:translate(-50%)}@keyframes floatingFadeInCenter{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.fullscreen-exit-wrapper{z-index:100;animation:.25s floatingFadeIn;position:fixed;top:12px;right:18px}@keyframes floatingFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fullscreen-exit-btn{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;opacity:.85;background:#0f172ad1;border:1px solid #ffffff29;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .16s;display:inline-flex;box-shadow:0 4px 16px #00000059}:root[data-theme=light] .fullscreen-exit-btn{background:#ffffffeb;border-color:#cbd5e1;box-shadow:0 4px 16px #0000001a}.fullscreen-exit-btn:hover{opacity:1;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 20px #1b72f54d}.fullscreen-kbd{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-light);background:#ffffff1a;border-radius:4px;align-items:center;padding:1px 5px;font-weight:600;display:inline-flex}:root[data-theme=light] .fullscreen-kbd{background:#0000000f;border-color:#cbd5e1}.theme-slider-switch{cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;outline:none;align-items:center;padding:0;display:inline-flex}.theme-slider-switch:focus-visible .theme-slider-track{box-shadow:0 0 0 2px var(--accent)}.theme-slider-track{box-sizing:border-box;background:#151926;border:1px solid #ffffff1f;border-radius:9999px;justify-content:space-between;align-items:center;width:58px;height:28px;padding:0 7px;transition:background-color .2s,border-color .2s;display:flex;position:relative;box-shadow:inset 0 1px 3px #00000059}:root[data-theme=light] .theme-slider-track{background:#e2e8f0;border-color:#cbd5e1;box-shadow:inset 0 1px 3px #00000014}.theme-slider-icon{z-index:1;pointer-events:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-slider-icon-sun{color:#64748b;opacity:.45}.theme-slider-icon-sun.active{color:#f59e0b;opacity:1;filter:drop-shadow(0 0 3px #f59e0b80)}.theme-slider-icon-moon{color:#3b82f6;opacity:1;filter:drop-shadow(0 0 3px #1b72f580)}.theme-slider-switch.is-light .theme-slider-icon-moon{color:#94a3b8;opacity:.45;filter:none}.theme-slider-thumb{pointer-events:none;border-radius:50%;width:22px;height:22px;transition:transform .24s cubic-bezier(.34,1.45,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #00000059,0 1px 2px #0003;background:#fff!important}.theme-slider-switch.is-dark .theme-slider-thumb{transform:translate(30px)}.theme-slider-switch.is-light .theme-slider-thumb{transform:translate(0)}.app-footer{height:var(--statusbar-h);box-sizing:border-box;background:var(--bg-statusbar);border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);z-index:10;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 14px;font-size:11px;display:flex}.footer-left{align-items:center;gap:10px;display:flex}.footer-right{align-items:center;gap:12px;display:flex}.footer-item{align-items:center;display:flex}.footer-cursor{color:var(--text-secondary);flex-shrink:0;gap:6px;font-weight:500}.footer-cursor-full{letter-spacing:-.01em;display:inline}.footer-cursor-short{letter-spacing:-.01em;display:none}.footer-selection-count{color:var(--accent);background:var(--accent-dim);border-radius:3px;padding:1px 4px;font-size:10px}.footer-sel-full{display:inline}.footer-sel-short{display:none}.footer-divider{color:var(--border-light);opacity:.6;flex-shrink:0;font-size:7px}.footer-stats{color:var(--text-muted);align-items:center;gap:6px;min-width:0;display:flex}.footer-stat{white-space:nowrap;align-items:baseline;gap:.25em;display:inline-flex}.footer-stat-lbl-short{display:none}.footer-stat-lbl-long{display:inline}.footer-stat-dot{opacity:.4;flex-shrink:0;font-size:9px}.footer-storage-wrapper{align-items:center;display:flex;position:relative}.footer-storage-btn{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:1px 6px;transition:all .15s;display:inline-flex}.footer-storage-btn:hover{color:var(--text-primary);border-color:var(--border-subtle);background:#ffffff0f}:root[data-theme=light] .footer-storage-btn:hover{background:#0000000d}.footer-storage-icon{opacity:.75;flex-shrink:0}.footer-storage-text{letter-spacing:-.01em}.footer-storage-popover{z-index:1000;background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);width:280px;box-shadow:var(--shadow-lg), 0 0 0 1px #00000026;opacity:0;pointer-events:none;-webkit-user-select:text;user-select:text;border-radius:10px;padding:12px 14px;transition:opacity 90ms cubic-bezier(.16,1,.3,1),transform 90ms cubic-bezier(.16,1,.3,1);position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.footer-storage-popover:after{content:"";background:var(--bg-panel);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);width:9px;height:9px;position:absolute;bottom:-5px;right:28px;transform:rotate(45deg)}.footer-storage-wrapper:hover .footer-storage-popover,.footer-storage-wrapper:focus-within .footer-storage-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.footer-storage-popover-header{align-items:center;gap:7px;margin-bottom:6px;display:flex}.footer-storage-popover-icon{color:#10b981;flex-shrink:0}.footer-storage-popover-title{color:var(--text-primary);font-size:12px;font-weight:700;font-family:var(--font-sans)}.footer-storage-popover-body{color:var(--text-secondary);font-size:11.5px;line-height:1.5;font-family:var(--font-sans);margin-bottom:9px}.footer-storage-popover-alert{background:var(--amber-dim);color:#fbbf24;font-size:11px;line-height:1.4;font-family:var(--font-sans);border:1px solid #f59e0b4d;border-radius:6px;align-items:flex-start;gap:7px;margin-bottom:8px;padding:7px 9px;display:flex}:root[data-theme=light] .footer-storage-popover-alert{color:#92400e;background:#fef3c7;border-color:#fde68a}.footer-storage-popover-alert-icon{color:var(--amber);flex-shrink:0;margin-top:1px}.footer-storage-popover-tip{color:var(--text-muted);font-size:10.5px;font-family:var(--font-sans);line-height:1.4}.modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.15s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 0 1px #0003;box-sizing:border-box;width:min(420px,94vw);padding:20px;animation:.16s cubic-bezier(.16,1,.3,1) modalScaleUp}.confirm-modal-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.confirm-modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.confirm-modal-icon.confirm-danger{background:var(--red-dim);color:var(--red)}.confirm-modal-heading h3{color:var(--text-primary);font-size:15px;font-weight:700;font-family:var(--font-sans);margin-bottom:4px}.confirm-modal-desc{color:var(--text-secondary);font-size:12.5px;line-height:1.45;font-family:var(--font-sans)}.confirm-modal-list{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:4px;max-height:130px;margin-bottom:18px;padding:6px 10px;display:flex;overflow-y:auto}.confirm-file-item{font-size:11.5px;font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:7px;display:flex}.confirm-file-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.confirm-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.confirm-modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn-secondary{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:all .12s}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-danger{border:1px solid var(--red);background:var(--red);color:#fff;cursor:pointer;border-radius:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .12s;box-shadow:0 1px 3px #f43f5e66}.btn-danger:hover{filter:brightness(1.1)}.footer-lang-badge{cursor:pointer;font-family:var(--font-mono);letter-spacing:.01em;background:0 0;border:1px solid;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.footer-lang-badge:hover{filter:brightness(1.2);transform:translateY(-.5px);box-shadow:0 0 10px #0003}:root[data-theme=light] .footer-lang-badge:hover{filter:brightness(.92)}.footer-lang-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.footer-lang-label{font-weight:600}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-bar{background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-panel);z-index:15;flex-shrink:0;animation:.18s cubic-bezier(.16,1,.3,1) panelSlideDown}.panel-bar-header{justify-content:space-between;align-items:center;padding:10px 16px 4px;display:flex}.panel-bar-header-info{align-items:baseline;gap:10px;display:flex}.panel-bar-title{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.panel-bar-subtitle{color:var(--text-muted);font-size:11px}.panel-bar-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:1px solid #0000;padding:3px 6px;font-size:13px;transition:all .15s}.panel-bar-close:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border)}.panel-content{padding:8px 16px 14px}.panel-row{align-items:center;gap:12px;margin-bottom:9px;display:flex}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:80px;font-size:11px;font-weight:600}.input-group{flex:1;align-items:center;gap:6px;display:flex}.input-with-controls{flex:1;align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.text-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-size:12.5px;font-family:var(--font-mono);outline:none;padding:6px 10px 6px 30px;transition:all .15s}.text-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.text-input.mono{padding-left:10px}.match-counter-pill{font-family:var(--font-mono);background:var(--accent-dim);color:var(--accent);pointer-events:none;border:1px solid #1b72f540;border-radius:10px;padding:2px 7px;font-size:10.5px;font-weight:600;position:absolute;right:8px}.input-toggle-group{gap:3px;display:flex}.toggle-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:5px 8px;font-size:11px;font-weight:600;transition:all .15s}.toggle-btn:hover{border-color:var(--border-light);color:var(--text-primary);background:var(--bg-card-hover)}.toggle-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:700}.replace-panel-wrapper{flex-direction:column;gap:10px;padding:8px 16px 14px;display:flex}.replace-form-grid{flex-direction:column;gap:8px;display:flex}.replace-field-row{align-items:center;gap:8px;display:flex}.replace-field-container{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;align-items:center;transition:all .16s;display:flex;position:relative;box-shadow:inset 0 1px 2px #00000026}:root[data-theme=light] .replace-field-container{background:#fff;border-color:#cbd5e1;box-shadow:inset 0 1px 2px #0000000a}.replace-field-container:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim), inset 0 1px 2px #00000026}.replace-field-icon{color:var(--text-muted);pointer-events:none;flex-shrink:0;transition:color .15s;position:absolute;left:10px}.replace-field-container:focus-within .replace-field-icon{color:var(--accent)}.replace-input{width:100%;color:var(--text-primary);font-size:12.5px;font-family:var(--font-mono);letter-spacing:-.01em;background:0 0;border:none;outline:none;padding:7px 10px 7px 32px}.replace-field-controls{flex-shrink:0;align-items:center;gap:4px;padding-right:6px;display:flex}.replace-count-badge{font-family:var(--font-mono);background:var(--accent-dim);color:var(--accent);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #1b72f540;border-radius:10px;padding:2px 7px;font-size:10.5px;font-weight:600}.replace-count-badge.no-match{color:var(--amber);background:#f59e0b1f;border-color:#f59e0b40}.replace-nav-buttons{align-items:center;gap:1px;display:flex}.replace-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .12s;display:flex}.replace-icon-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.replace-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .12s;display:flex}.replace-clear-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.replace-toggles-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex}:root[data-theme=light] .replace-toggles-bar{background:#f1f5f9;border-color:#cbd5e1}.replace-toggle-chip{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:5px 6px;transition:all .14s;display:flex}.replace-toggle-chip:hover{color:var(--text-primary);background:var(--bg-card-hover)}.replace-toggle-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px #1b72f533}.replace-error-banner{background:var(--red-dim);color:var(--red);border-radius:var(--radius-sm);font-size:11.5px;font-family:var(--font-mono);border:1px solid #f43f5e47;align-items:center;gap:7px;padding:5px 10px;display:flex}.replace-bottom-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.replace-actions-left{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.btn-replace-single{align-items:center;gap:5px;padding:6px 12px;font-size:12px;display:inline-flex}.replace-hints-right{align-items:center;gap:8px;display:flex}.replace-kbd-hint{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.replace-kbd-hint kbd{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:3px;padding:1px 4px;font-size:10px}:root[data-theme=light] .replace-kbd-hint kbd{background:#f1f5f9;border-color:#cbd5e1}@media (width<=640px){.replace-field-row{flex-direction:column;align-items:stretch}.replace-toggles-bar{align-self:flex-start}.replace-hints-right{display:none}}.panel-actions{align-items:center;gap:8px;margin-top:8px;padding-top:4px;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #1b72f54d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-.5px);box-shadow:0 4px 14px #1b72f573}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:all .15s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-light);background:var(--bg-card-hover)}.btn-sm{padding:4px 8px;font-size:11.5px}.checkbox-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.checkbox-label input{cursor:pointer;accent-color:var(--accent)}.error-msg{color:var(--red);background:var(--red-dim);border-radius:var(--radius-sm);font-size:11.5px;font-family:var(--font-mono);border:1px solid #f43f5e4d;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;display:inline-flex}.panel-sort-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:10px 0 4px;display:grid}.panel-hint-bar{justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.panel-hint-badge{font-family:var(--font-mono);color:var(--text-muted);font-size:10.5px}.preset-chip-list{flex-wrap:wrap;gap:5px;display:flex}.preset-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;padding:3px 8px;font-size:11px;transition:all .15s}.preset-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.convert-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.convert-categories{flex-wrap:wrap;gap:4px;display:flex}.convert-category-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.convert-category-btn:hover{border-color:var(--border-light);color:var(--text-primary);background:var(--bg-card-hover)}.convert-category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #1b72f559}.convert-search-wrap{align-items:center;display:flex;position:relative}.convert-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:9px}.convert-filter-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;width:180px;padding:4px 10px 4px 28px;font-size:11.5px;transition:all .15s}.convert-filter-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.convert-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:230px;padding-right:4px;display:grid;overflow-y:auto}.convert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;transition:all .15s;display:flex}.convert-card:hover{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.convert-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.convert-label{font-family:var(--font-mono);color:var(--text-primary);font-size:11.5px;font-weight:600}.convert-arrow-icon{color:var(--text-muted);transition:color .15s}.convert-card:hover .convert-arrow-icon{color:var(--accent)}.convert-desc{color:var(--text-muted);font-size:10px}.convert-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:24px;font-size:12px}.indent-options{gap:4px;display:flex}.indent-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;padding:4px 10px;font-size:11px;transition:all .15s}.indent-btn:hover{border-color:var(--border-light);color:var(--text-primary);background:var(--bg-card-hover)}.indent-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.beautify-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:230px;display:grid;overflow-y:auto}.beautify-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.beautify-card:hover{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.beautify-icon-pill{font-family:var(--font-mono);border:1px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:24px;font-size:11px;font-weight:700;display:flex}.beautify-label{color:var(--text-secondary);flex:1;font-size:12px;font-weight:500}.beautify-card:hover .beautify-label{color:var(--text-primary)}.beautify-sparkle{color:var(--text-muted);transition:color .15s}.beautify-card:hover .beautify-sparkle{color:var(--accent)}.toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;align-items:center;gap:10px;max-width:380px;padding:8px 12px;animation:.22s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex}.toast-success .toast-icon{color:var(--green)}.toast-error .toast-icon{color:var(--red)}.toast-info .toast-icon{color:var(--accent)}.toast-text{color:var(--text-primary);flex:1;font-size:12px;font-weight:500}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.toast-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.empty-state-badge{border-radius:var(--radius-lg);background:var(--accent-dim);width:52px;height:52px;color:var(--accent);box-shadow:var(--accent-glow);border:1px solid #1b72f540;justify-content:center;align-items:center;display:flex}.empty-state h2{color:var(--text-primary);font-size:18px;font-weight:700}.empty-state p{max-width:360px;font-size:13px;line-height:1.5}.overlay-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#03050aa6;justify-content:center;align-items:flex-start;padding-top:10vh;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.overlay-modal{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:min(480px,92vw);max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden}.overlay-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.overlay-title-group{align-items:center;gap:10px;display:flex}.overlay-title{color:var(--text-primary);font-size:14px;font-weight:700}.overlay-sub-badge{color:var(--text-muted);font-size:10.5px}.overlay-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;transition:all .15s;display:flex}.overlay-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.overlay-body{flex-direction:column;gap:10px;padding:14px 18px;display:flex;overflow-y:auto}.overlay-name-section{flex-direction:column;gap:6px;display:flex}.overlay-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:0 12px;transition:all .15s;display:flex}.overlay-field:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.overlay-field.has-error,.overlay-field.has-error:focus-within{border-color:var(--red);box-shadow:0 0 0 2px var(--red-dim)}.overlay-inferred-pill{border-radius:var(--radius-pill);font-size:11px;font-weight:600;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:3px 9px;animation:.16s overlayFadeIn;display:inline-flex}.overlay-inferred-dot{border-radius:50%;width:6.5px;height:6.5px}.overlay-inferred-label{line-height:1}.overlay-validation-error{background:var(--red-dim);color:var(--red);border-radius:var(--radius-sm);border:1px solid #f43f5e4d;align-items:flex-start;gap:8px;padding:7px 11px;font-size:12px;line-height:1.45;animation:.28s cubic-bezier(.36,.07,.19,.97) both overlayShake;display:flex}.overlay-error-icon{flex-shrink:0;margin-top:1px}@keyframes overlayShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes overlayFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.overlay-field-icon{color:var(--text-muted);flex-shrink:0}.overlay-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.overlay-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.overlay-tag-filter{gap:6px;padding:2px 0;display:flex}.overlay-tag-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;padding:3px 9px;font-size:11px;font-weight:500;transition:all .15s}.overlay-tag-btn:hover{color:var(--text-primary);border-color:var(--border-light)}.overlay-tag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.overlay-type-list{flex-direction:column;gap:4px;max-height:300px;padding-right:2px;display:flex;overflow-y:auto}.overlay-type-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:all .12s;display:flex}.overlay-type-card:hover,.overlay-type-card.focused{border-color:var(--border-light);background:var(--bg-card-hover)}.overlay-type-card.current{border-color:var(--accent);background:var(--accent-dimmer)}.overlay-type-ext{width:48px;font-family:var(--font-mono);text-align:center;border:1px solid;border-radius:4px;flex-shrink:0;padding:3px 0;font-size:11px;font-weight:700}.overlay-type-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.overlay-type-label-row{align-items:center;gap:8px;display:flex}.overlay-type-label{color:var(--text-primary);font-size:12.5px;font-weight:600}.overlay-type-tag{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:600}.overlay-type-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.overlay-current-indicator{color:var(--accent);flex-shrink:0}.overlay-empty{color:var(--text-muted);text-align:center;padding:24px;font-size:12px}.overlay-footer{border-top:1px solid var(--border);background:var(--bg-statusbar);justify-content:center;align-items:center;padding:12px 18px;display:flex}.overlay-footer-content{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.overlay-footer-buttons{justify-content:center;align-items:center;gap:10px;display:flex}.overlay-action-btn{justify-content:center;min-width:84px;padding:6px 20px;font-size:12.5px}.overlay-hint{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.overlay-hint kbd{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:3px;padding:1px 4px;font-size:10px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-backdrop{display:none}@media (width<=768px){.sidebar-divider,.sidebar-collapse-btn,.desktop-sidebar-btn{display:none!important}.mobile-menu-btn{display:inline-flex!important}.sidebar{z-index:60;width:max-content;min-width:min(237px,100vw - 64px);max-width:calc(100vw - 64px);transition:transform .24s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 28px #00000073}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:55;opacity:0;pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#03050a99;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar-bulk-container,.sidebar-search-wrap,.sidebar-footer{box-sizing:border-box;width:0;min-width:100%}.doc-list{box-sizing:border-box;width:100%;overflow-x:hidden}.doc-item{box-sizing:border-box;gap:10px;width:100%;padding:8px 10px}.context-menu{border-radius:var(--radius-md,8px);min-width:210px;box-shadow:0 14px 40px #00000080, 0 0 0 1px var(--border-light);padding:6px}.context-menu-item{gap:10px;padding:9px 12px;font-size:13px}.context-menu-icon{width:15px;height:15px}.tool-label{display:none}.tool-btn{padding:5px 8px}.app-footer{padding:0 10px;font-size:10.5px}.overlay-backdrop{padding-top:5vh}.overlay-modal{width:min(480px,95vw);max-height:88vh}}@media (width<=680px){.footer-cursor-full{display:none}.footer-cursor-short{display:inline}.footer-sel-full{display:none}.footer-sel-short{display:inline}.footer-stat-lbl-long{display:none}.footer-stat-lbl-short{display:inline}.footer-stats{gap:5px}.footer-left{gap:6px}}@media (width<=440px){.footer-storage-text{display:none}.footer-storage-popover{width:260px;right:-8px}}@media (width<=340px){.footer-stat:nth-of-type(3),.footer-stat-dot:nth-of-type(2){display:none}}.pull-to-refresh-container{top:calc(env(safe-area-inset-top,0px) - 48px);pointer-events:none;z-index:99999;will-change:transform, opacity;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s;display:flex;position:fixed;left:50%}.pull-to-refresh-container.pulling{transition:none}.pull-to-refresh-badge{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);color:var(--text-secondary);font-family:var(--font-sans);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;background:#151926f0;align-items:center;gap:8px;padding:7px 15px 7px 13px;font-size:12px;font-weight:500;transition:border-color .18s,color .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 10px 30px #00000073,0 2px 8px #00000040}:root[data-theme=light] .pull-to-refresh-badge{background:#fffffff0;box-shadow:0 10px 30px #0000001f,0 2px 8px #00000014}.pull-to-refresh-container.triggered .pull-to-refresh-badge{color:var(--text-primary);border-color:#1b72f58c;box-shadow:0 10px 30px #1b72f538,0 2px 8px #0000004d}.pull-to-refresh-icon{color:var(--accent);flex-shrink:0;transition:transform 80ms linear}.pull-to-refresh-icon.spinning{animation:.7s linear infinite ptrSpin}@keyframes ptrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pull-to-refresh-text{white-space:nowrap;line-height:1}.codeck-root{background:var(--bg-base);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden;flex-direction:column!important}.console-workspace{flex-direction:row;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar{min-width:240px}.sidebar-brand{align-items:center;gap:8px;display:flex}.doc-item-right{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.doc-menu-trigger{width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .14s;display:inline-flex}.doc-item:hover .doc-menu-trigger,.doc-item.active .doc-menu-trigger,.doc-menu-trigger:focus-visible{opacity:1}.doc-menu-trigger:hover{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.context-menu-item-run{color:var(--green);font-weight:600}.context-menu-item-run:hover{background:var(--green-dim);color:var(--green)}.toolbar-left{gap:8px}.toolbar-home-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.toolbar-home-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dimmer)}.toolbar-lang-pill{border-radius:var(--radius-pill);font-family:var(--font-mono);cursor:pointer;border:1px solid;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.toolbar-lang-pill:hover{filter:brightness(1.15);transform:translateY(-.5px)}.toolbar-lang-dot{border-radius:50%;width:6px;height:6px}.toolbar-box-divider{background:var(--border-light);width:1px;height:18px;margin:0 2px}.run-code-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #10b98166;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 12px #10b9814d}.run-code-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-.5px);box-shadow:0 4px 16px #10b98173}.run-code-btn:disabled{opacity:.75;cursor:wait}.run-kbd{font-family:var(--font-mono);color:#ffffffe6;background:#00000038;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.settings-btn-with-dot{position:relative}.status-dot-mini{border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.status-dot-mini.online,.footer-health-dot.online{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot-mini.offline,.footer-health-dot.offline{background:var(--red);box-shadow:0 0 6px var(--red)}.status-dot-mini.pending,.footer-health-dot.pending{background:var(--amber)}.footer-health-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.toolbar-icon-btn.active-subtle{color:var(--accent);background:var(--accent-dimmer);border-color:#1b72f566}.spin-icon{animation:.8s linear infinite ptrSpin}.stdout-divider{cursor:col-resize;z-index:25;-webkit-user-select:none;user-select:none;background:0 0;outline:none;flex-shrink:0;width:9px;margin-left:-4px;margin-right:-5px;transition:background-color .15s;position:relative}.stdout-divider:after{content:"";background:0 0;width:1px;transition:background-color .15s,box-shadow .15s,width .15s,left .15s;position:absolute;top:0;bottom:0;left:4px}.stdout-divider:hover:after,.stdout-divider.resizing:after,.stdout-divider:focus-visible:after{background:var(--accent);width:2px;box-shadow:0 0 6px var(--accent);left:3.5px}.stdout-divider:hover,.stdout-divider.resizing{background:#1b72f514}.stdout-panel{width:var(--stdout-w,390px);background:var(--bg-sidebar);border-left:1px solid var(--border);z-index:20;flex-direction:column;flex-shrink:0;min-width:250px;transition:width .15s;display:flex;overflow:hidden}.app-shell.resizing .stdout-panel{transition:none!important}.app-shell.stdout-collapsed .stdout-panel{visibility:hidden;opacity:0!important;pointer-events:none!important;border-left:none!important;width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important}.app-shell.stdout-collapsed .stdout-divider{display:none!important}.stdout-header{height:var(--toolbar-h);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;display:flex}.stdout-title-group{align-items:center;gap:8px;min-width:0;display:flex}.stdout-header-icon{color:var(--accent);flex-shrink:0}.stdout-title{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-primary);font-size:13px;font-weight:700}.stdout-status-pill{border-radius:var(--radius-pill);font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.stdout-status-pill.status-success{background:var(--green-dim);color:var(--green);border:1px solid #10b98159}.stdout-status-pill.status-warning{background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b59}.stdout-status-pill.status-error{background:var(--red-dim);color:var(--red);border:1px solid #f43f5e59}.stdout-status-pill.status-running{background:var(--accent-dim);color:var(--accent);border:1px solid #1b72f559}.stdout-header-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.telemetry-chip{background:var(--bg-card);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;display:inline-flex}.telemetry-chip.exit-ok{color:var(--green);border-color:#10b9814d}.telemetry-chip.exit-err{color:var(--red);border-color:#f43f5e4d}.stdout-body{-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;gap:14px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.stdout-run-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);flex-direction:column;gap:10px;padding:11px 12px;transition:all .15s;display:flex}.stdout-run-card.latest-run{border:1px solid var(--border);border-left:3px solid var(--green);background:linear-gradient(90deg, #10b9810d 0%, var(--bg-card) 100%);box-shadow:var(--shadow-sm)}.stdout-run-card.running-card{border:1px solid var(--border);border-left:3px solid var(--accent);background:linear-gradient(90deg, #1b72f512 0%, var(--bg-card) 100%)}.stdout-run-card.previous-run{border:1px solid var(--border);background:var(--bg-base);opacity:.78}.stdout-run-card.previous-run:hover{opacity:1}.stdout-run-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.stdout-run-meta{align-items:center;gap:8px;display:flex}.stdout-run-badge{font-family:var(--font-mono);letter-spacing:.03em;border-radius:4px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.stdout-run-badge.badge-latest{background:var(--green-dim);color:var(--green);border:1px solid #10b98159}.stdout-run-card.running-card .stdout-run-badge.badge-latest{background:var(--accent-dim);color:var(--accent);border-color:#1b72f559}.stdout-run-badge.badge-previous{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border)}.stdout-run-time{font-family:var(--font-mono);color:var(--text-muted);font-size:10.5px}.stdout-run-metrics{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:6px;padding-top:6px;display:flex}.stdout-history-section{flex-direction:column;gap:10px;margin-top:2px;display:flex}.stdout-history-divider{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:10px;font-size:10.5px;font-weight:700;display:flex}.stdout-history-divider:before,.stdout-history-divider:after{content:"";background:var(--border-light);flex:1;height:1px}.stdout-history-list{flex-direction:column;gap:10px;display:flex}.stdout-running-inline{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:9px;padding:10px 12px;font-size:12px;display:flex}.stdout-streams{flex-direction:column;gap:10px;display:flex}.stdout-stream-section{flex-direction:column;gap:6px;display:flex}.stdout-block-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:inline-flex}.stdout-block-label.compile-label,.stdout-block-label.warning-label{color:var(--amber)}.stdout-block-label.error-label{color:var(--red)}.stdout-pre{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--text-primary);-webkit-user-select:text;user-select:text;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.55}.stdout-pre.compile-text{color:#fbbf24;background:#f59e0b0f;border-color:#f59e0b4d}:root[data-theme=light] .stdout-pre.compile-text{color:#b45309;background:#fffbeb}.stdout-pre.stderr-text{color:var(--red);background:#f43f5e0f;border-color:#f43f5e4d}.stdout-empty-stream{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);text-align:center;padding:12px;font-size:12px}.stdout-empty-state,.stdout-running-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px 16px;display:flex}.stdout-empty-icon,.stdout-spinner-ring{background:var(--accent-dim);width:44px;height:44px;color:var(--accent);border:1px solid #1b72f540;border-radius:12px;justify-content:center;align-items:center;display:flex}.stdout-empty-state h4,.stdout-running-title{color:var(--text-primary);font-size:14px;font-weight:700}.stdout-empty-state p{max-width:260px;font-size:12px;line-height:1.5}.stdout-running-sub{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:11px;overflow:hidden}.stdout-io-drawer{border-top:1px solid var(--border);background:var(--bg-statusbar);flex-direction:column;flex-shrink:0;display:flex}.stdout-io-header{cursor:pointer;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:34px;padding:0 10px;display:flex}.stdout-io-tabs{align-items:center;gap:4px;display:flex}.stdout-io-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;transition:all .14s;display:inline-flex}.stdout-io-tab:hover{color:var(--text-primary)}.stdout-io-tab.active{background:var(--bg-card);border-color:var(--border);color:var(--accent)}.io-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.stdout-io-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.stdout-io-content{padding:10px 12px}.stdout-io-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;outline:none;min-height:68px;max-height:180px;padding:8px 10px;font-size:12px}.stdout-io-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-dim)}.stdout-flags-form{flex-direction:column;gap:8px;display:flex}.flag-field{flex-direction:column;gap:4px;display:flex}.flag-field label{color:var(--text-muted);font-size:10.5px;font-weight:600}.google-ad-banner{background:var(--bg-statusbar);border-top:1px solid var(--border);z-index:30;flex-shrink:0;justify-content:center;align-items:center;gap:14px;height:58px;padding:0 16px;display:flex;position:relative}.google-ad-badge-col{flex-shrink:0;align-items:center;gap:5px;display:flex}.google-ad-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b4d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.google-ad-info-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:inline-flex}.google-ad-info-btn:hover{color:var(--text-primary)}.google-ad-slot-container{flex:1;justify-content:center;align-items:center;max-width:780px;display:flex}.google-ad-placeholder-content{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bg-card) 0%, var(--accent-dimmer) 100%);border:1px dashed var(--border-light);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:7px 14px;display:flex}.google-ad-placeholder-left{align-items:center;gap:10px;min-width:0;display:flex}.google-ad-sparkle{color:var(--accent);flex-shrink:0;display:flex}.google-ad-copy{flex-direction:column;min-width:0;display:flex}.google-ad-headline{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.google-ad-subtext{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.google-ad-cta{border-radius:var(--radius-pill);background:var(--accent);color:#fff;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.google-ad-cta:hover{background:var(--accent-hover)}.settings-modal{width:min(520px,94vw)}.settings-body{gap:14px}.settings-status-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.settings-status-card.online{background:var(--green-dim);border-color:#10b98159}.settings-status-card.offline{background:var(--red-dim);border-color:#f43f5e59}.settings-status-left{align-items:center;gap:10px;display:flex}.status-icon-ok{color:var(--green);flex-shrink:0}.status-icon-err{color:var(--red);flex-shrink:0}.settings-status-title{color:var(--text-primary);font-size:12.5px;font-weight:700}.settings-status-sub{color:var(--text-secondary);font-size:11px}.settings-field-group{flex-direction:column;gap:6px;display:flex}.settings-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;display:flex}.settings-hint-inline{color:var(--text-muted);font-size:10.5px;font-weight:400}.settings-preset-pills{gap:5px;display:flex}.preset-mini-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;display:inline-flex}.preset-mini-btn:hover{border-color:var(--accent);color:var(--accent)}.mono-input{font-family:var(--font-mono);font-size:12px}.settings-ads-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.settings-ads-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-ads-title-row{color:var(--text-primary);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:flex}.ads-state-badge{font-family:var(--font-mono);border-radius:4px;padding:1px 6px;font-size:10px}.ads-state-badge.on{background:var(--green-dim);color:var(--green)}.ads-state-badge.off{background:var(--bg-input);color:var(--text-muted)}.settings-ads-desc{color:var(--text-secondary);font-size:11.5px;line-height:1.45}.settings-code-snippet{background:var(--bg-input);border:1px solid var(--border);font-family:var(--font-mono);color:var(--accent);border-radius:5px;padding:7px 10px;font-size:11px;overflow-x:auto}.settings-limits-summary{font-family:var(--font-mono);color:var(--text-muted);gap:8px;font-size:10.5px;display:flex}.landing-page{background:var(--bg-base);-webkit-user-select:text;user-select:text;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.landing-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);z-index:50;background:#0f141d08;flex-shrink:0;height:64px;position:fixed;top:0;left:0;right:0}:root[data-theme=light] .landing-nav{background:#ffffff0a}.landing-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;height:100%;margin:0 auto;padding:0 24px;display:flex}.landing-brand{cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;display:flex}.brand-icon-img{object-fit:contain;border-radius:9px;flex-shrink:0;width:44px;height:44px}.brand-text-logo-img{object-fit:contain;filter:brightness(0)invert();width:auto;height:31px;display:block;transform:translateY(8%)}:root[data-theme=light] .brand-text-logo-img{filter:none}.landing-version-pill{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--accent-dim);color:var(--accent);border:1px solid #1b72f54d;padding:2px 7px;font-size:10.5px;font-weight:600}.landing-nav-center{align-items:stretch;gap:8px;height:100%;display:flex}.landing-nav-link{height:100%;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;padding:0 16px;font-size:16.1px;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.landing-nav-link:hover{color:var(--text-primary)}.landing-nav-link:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;height:3px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:27.5%;right:27.5%;transform:scaleX(0)}.landing-nav-link.active{color:var(--text-primary)}.landing-nav-link.active:after{transform:scaleX(1)}.landing-nav-right{align-items:center;gap:12px;display:flex}.landing-health-pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;align-items:center;gap:7px;padding:5px 11px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.landing-health-pill:hover{border-color:var(--border-light);color:var(--text-primary)}.landing-scroll{flex:1;height:100vh;padding:64px 24px;scroll-padding-top:84px;overflow:hidden auto}.landing-hero{text-align:center;isolation:isolate;flex-direction:column;align-items:center;max-width:1040px;margin:0 auto 68px;padding:56px 0;display:flex;position:relative}.landing-hero-top{flex-direction:column;align-items:center;width:100%;margin-bottom:40px;display:flex}.landing-hero-color-bg{z-index:-1;pointer-events:none;width:100vw;animation:12s ease-in-out infinite heroSolidColorCycleDark;position:absolute;top:0;bottom:0;left:calc(50% - 50vw)}:root[data-theme=light] .landing-hero-color-bg{animation:12s ease-in-out infinite heroSolidColorCycleLight}@keyframes heroSolidColorCycleDark{0%{background-color:#101d36}25%{background-color:#1d1536}50%{background-color:#0f2926}75%{background-color:#291528}to{background-color:#101d36}}@keyframes heroSolidColorCycleLight{0%{background-color:#eaf2ff}25%{background-color:#f3ebff}50%{background-color:#e8faf3}75%{background-color:#ffedf5}to{background-color:#eaf2ff}}.landing-hero-title{letter-spacing:-.025em;color:var(--text-primary);max-width:820px;margin-bottom:18px;font-size:clamp(28px,4.5vw,50px);font-weight:800;line-height:1.14}.landing-gradient-text{background:linear-gradient(135deg,#38bdf8 0%,#1b72f5 50%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-hero-subtitle{color:var(--text-secondary);max-width:760px;margin-bottom:28px;font-size:clamp(17px,2.2vw,20px);line-height:1.65}.landing-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:0;display:flex}.landing-cta-primary{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;align-items:center;gap:9px;padding:12px 26px;font-size:14.5px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 8px 28px #1b72f561}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #1b72f580}.landing-cta-secondary{border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);cursor:pointer;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.landing-cta-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent)}.landing-preview-window{background:var(--bg-sidebar);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.landing-preview-window:hover{border-color:var(--accent)}.landing-preview-window.os-windows{border-radius:8px}.landing-preview-window.os-mobile{border-radius:20px}.landing-preview-topbar{background:var(--bg-statusbar);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:36px;padding:0 14px;display:flex;position:relative}.preview-dots{align-items:center;gap:7px;display:flex}.preview-dots .dot{border-radius:50%;width:11px;height:11px}.preview-dots .dot.red{background:#ff5f56}.preview-dots .dot.amber{background:#ffbd2e}.preview-dots .dot.green{background:#27c93f}.preview-topbar-spacer{width:47px}.preview-window-title{font-family:var(--font-sans);color:var(--text-muted);font-size:11.5px;font-weight:600}.preview-win-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.win-btn{width:28px;height:22px;color:var(--text-secondary);background:#94a3b81a;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.preview-linux-controls{align-items:center;gap:6px;margin-left:auto;display:flex}.linux-btn{width:20px;height:20px;color:var(--text-secondary);background:#94a3b829;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.preview-mobile-notch{background:var(--border-light);border-radius:999px;width:42px;height:5px}.landing-preview-panes{grid-template-columns:185px 1fr 275px;min-height:250px;display:grid}.preview-pane{flex-direction:column;min-width:0;display:flex}.preview-files{border-right:1px solid var(--border);background:var(--bg-sidebar)}.preview-sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:40px;padding:0 12px;display:flex}.preview-sidebar-brand-group{align-items:center;gap:4px;min-width:0;display:inline-flex}.preview-brand-icon-img{object-fit:contain;border-radius:5px;flex-shrink:0;width:24px;height:24px}.preview-brand-text-img{object-fit:contain;filter:brightness(0)invert();width:auto;max-width:98px;height:17px;display:block;transform:translateY(8%)}:root[data-theme=light] .preview-brand-text-img{filter:none}.preview-sidebar-actions{align-items:center;gap:5px;padding:8px 10px 4px;display:flex}.preview-icon-box{border:1px solid var(--border);background:var(--bg-card);width:22px;height:22px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.preview-file-list{flex-direction:column;gap:3px;padding:4px 8px 12px;display:flex}.preview-file-row{color:var(--text-secondary);border-radius:5px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:12px;display:flex}.preview-file-row.active{background:var(--accent-dim);color:var(--text-primary);font-weight:600}.preview-ext{font-family:var(--font-mono);font-size:10.5px;font-weight:700}.preview-editor-col{border-right:1px solid var(--border);flex-direction:column;display:flex}.preview-toolbar{background:var(--bg-toolbar);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;height:40px;padding:0 12px;display:grid}.preview-toolbar-center{align-items:center;gap:6px;display:flex}.preview-toolbar-right{justify-content:flex-end;display:flex}.preview-tool-pill{border-radius:5px;align-items:center;gap:4px;height:24px;padding:0 9px;font-size:10.5px;font-weight:600;display:inline-flex}.preview-tool-pill.replace{color:#7dd3fc;background:#38bdf824;border:1px solid #38bdf852}:root[data-theme=light] .preview-tool-pill.replace{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.preview-tool-pill.beautify{color:#d8b4fe;background:#c084fc24;border:1px solid #c084fc52}:root[data-theme=light] .preview-tool-pill.beautify{color:#7e22ce;background:#f3e8ff;border-color:#e9d5ff}.preview-run-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:5px;align-items:center;gap:5px;height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.preview-editor-body{background:#262b38;flex:1;gap:12px;padding:12px 14px;display:flex}:root[data-theme=light] .preview-editor-body{background:#fff}.preview-gutter{font-family:var(--font-mono);color:#7c8ba1;text-align:right;-webkit-user-select:none;user-select:none;flex-direction:column;font-size:11.5px;line-height:1.55;display:flex}:root[data-theme=light] .preview-gutter{color:#94a3b8}.preview-stdout{background:var(--bg-sidebar)}.preview-console-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:40px;padding:0 12px;display:flex}.preview-console-title{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-primary);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.preview-console-icon{color:var(--accent)}.preview-stdin-btn{border:1px solid var(--border);background:var(--bg-card);height:22px;color:var(--text-secondary);border-radius:4px;align-items:center;gap:4px;padding:0 7px;font-size:10px;font-weight:600;display:inline-flex}.preview-console-body{flex-direction:column;flex:1;padding:12px;display:flex}.preview-run-card{border:1px solid var(--border);border-left:3px solid var(--green);background:linear-gradient(90deg, #10b9810d 0%, var(--bg-card) 100%);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.preview-run-card-header{justify-content:space-between;align-items:center;display:flex}.preview-run-badge{font-family:var(--font-mono);background:var(--green-dim);color:var(--green);border:1px solid #10b98159;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.preview-accepted-pill{background:var(--green-dim);color:var(--green);font-family:var(--font-mono);border:1px solid #10b98159;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:600;display:inline-flex}.preview-code,.preview-output{font-family:var(--font-mono);color:var(--text-primary);margin:0;font-size:11.5px;line-height:1.55;overflow-x:auto}.preview-output{background:var(--bg-input);border:1px solid var(--border);border-radius:5px;padding:8px 10px}.preview-metrics-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.preview-metric-chip{font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:9.5px}.preview-metric-chip.ok{color:var(--green);border-color:#10b9814d}.landing-section{max-width:1100px;margin:0 auto 64px}.landing-section-header{text-align:center;margin-bottom:28px}.landing-section-title{color:var(--text-primary);margin-bottom:6px;font-size:24px;font-weight:800}.landing-section-sub{color:var(--text-secondary);font-size:13.5px}.landing-lang-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.landing-lang-card{text-align:center;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 18px;display:flex}.landing-lang-icon{justify-content:center;align-items:center;display:flex}.landing-lang-name{color:var(--text-primary);font-size:15px;font-weight:700}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.landing-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:20px;display:flex}.landing-feature-icon{background:var(--accent-dim);width:38px;height:38px;color:var(--accent);border-radius:9px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.landing-feature-card h3{color:var(--text-primary);font-size:17px;font-weight:700}.landing-feature-card p{color:var(--text-secondary);font-size:14.5px;line-height:1.6}.landing-about-section{max-width:840px}.landing-about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:36px 34px}.landing-about-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);background:var(--accent-dim);color:var(--accent);border:1px solid #1b72f54d;margin-bottom:12px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-block}.landing-about-card .landing-section-title{margin-bottom:14px;font-size:28px}.landing-about-text{color:var(--text-secondary);max-width:680px;margin:0 auto;font-size:16.5px;line-height:1.65}.landing-about-text strong,.landing-about-mozan strong{color:var(--text-primary)}.landing-about-divider{background:var(--border-light);width:56px;height:1px;margin:20px auto}.landing-about-mozan{color:var(--text-secondary);max-width:650px;margin:0 auto;font-size:15px;line-height:1.65}.landing-about-inline-link{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);transition:color .15s}.landing-about-inline-link:hover,.landing-about-inline-link:hover strong{color:var(--accent)}.landing-about-link-wrap{justify-content:center;margin-top:20px;display:flex}.landing-about-external-btn{border-radius:var(--radius-pill);border:1px solid var(--border-light);background:var(--bg-input);color:var(--text-primary);align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.landing-about-external-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.landing-contact-section{max-width:840px}.landing-contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:36px 32px}.landing-contact-header{text-align:center;margin-bottom:28px}.landing-contact-header .landing-section-title{margin-bottom:10px;font-size:28px}.landing-contact-header .landing-section-sub{max-width:640px;margin:0 auto;font-size:16px;line-height:1.6}.landing-contact-form{flex-direction:column;gap:18px;display:flex}.landing-contact-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.landing-form-field{text-align:left;flex-direction:column;gap:8px;display:flex}.landing-form-field label{color:var(--text-secondary);font-size:15px;font-weight:600}.landing-form-field input,.landing-form-field textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text-primary);outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.landing-form-field textarea{resize:vertical;min-height:110px}.landing-form-field input:focus,.landing-form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.landing-form-field input.has-error,.landing-form-field textarea.has-error{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.landing-field-error{color:var(--red);margin-top:2px;font-size:13.5px;font-weight:500}.landing-contact-actions{justify-content:flex-end;margin-top:6px;display:flex}.landing-submit-btn{padding:12px 26px;font-size:15.5px}.landing-contact-success{border-radius:var(--radius-md);background:var(--green-dim);color:var(--green);border:1px solid #10b98159;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex}.landing-contact-success h4{color:var(--text-primary);margin-bottom:3px;font-size:16px;font-weight:700}.landing-contact-success p{color:var(--text-secondary);font-size:14.5px}.landing-footer{border-top:1px solid var(--border);max-width:1100px;margin:0 auto;padding-top:24px}.landing-footer-inner{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}@media (width<=900px){.landing-preview-panes{grid-template-columns:1fr}.preview-files,.preview-editor-col{border-right:none;border-bottom:1px solid var(--border)}}@media (width<=768px){.console-workspace{flex-direction:column}.stdout-divider{display:none!important}.stdout-panel{border-left:none;border-top:1px solid var(--border);height:38vh;width:100%!important}.landing-health-pill span,.google-ad-subtext{display:none}}