:root{--bg-dark:#0f172a;--bg-panel:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#3b82f6;--accent-hover:#60a5fa;--border-light:#ffffff1a;--border-focus:#3b82f680;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}#root{width:100%}body{font-optical-sizing:auto;letter-spacing:.03em;background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);justify-content:center;min-height:100vh;padding:.5rem;font-family:Sofia Sans Extra Condensed,sans-serif;font-weight:400;display:flex}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0003;border-radius:6px}::-webkit-scrollbar-thumb{background-color:var(--text-muted);background-clip:padding-box;border:3px solid #0f172acc;border-radius:6px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}::-webkit-scrollbar-corner{background:0 0}.btn-icon{vertical-align:middle;flex-shrink:0;margin-right:.4rem;display:inline-block}.file-icon-svg{color:#61afef;vertical-align:middle;flex-shrink:0}.folder-icon-svg{color:#dcb67a;vertical-align:middle;flex-shrink:0}.watermark-icon-svg{color:#94a3b8;opacity:.6;margin-bottom:.5rem}.empty-icon-svg{color:#64748b;opacity:.7;margin-bottom:.75rem}.app-container{flex-direction:column;width:100%;max-width:100%;height:100vh;display:flex}.ide-layout-body{flex:1;display:flex;overflow:hidden}.vscode-activity-bar{-webkit-user-select:none;user-select:none;background:#181818;border-right:1px solid #2d2d2d;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:55px;padding:10px 0;display:flex}.activity-top,.activity-bottom{flex-direction:column;align-items:center;gap:15px;display:flex}.activity-icon-btn{color:#858585;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;align-items:center;gap:3px;width:48px;padding:8px 4px;transition:all .2s;display:flex;position:relative}.activity-icon-btn:hover{color:#fff}.activity-icon-btn.active{color:#007acc}.activity-icon-btn.active:before{content:"";background:#007acc;border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.activity-label{letter-spacing:.05em;font-size:.65rem;font-weight:600}.workspace-container{flex-direction:column;flex:1;padding:0 .75rem;display:flex;overflow:hidden}.vscode-titlebar{-webkit-user-select:none;user-select:none;background:#181818;border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex}.titlebar-left{align-items:center;gap:.8rem;display:flex}.app-logo-icon{font-size:2.2rem}.app-title{letter-spacing:.05em;color:#fff;font-size:2.2rem;font-weight:700}.app-title span{color:#60a5fa;margin-left:.3rem;font-size:1.6rem;font-weight:500}.version-badge{color:#93c5fd;background:#3b82f640;border:1px solid #3b82f680;border-radius:14px;padding:.25rem .75rem;font-size:1.1rem;font-weight:600}.titlebar-center{color:#cbd5e1;letter-spacing:.04em;font-size:1.25rem;font-weight:400}.titlebar-right{align-items:center;display:flex}.github-link-btn{color:#ccc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:2rem;text-decoration:none;transition:all .2s;display:flex}.github-link-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.vscode-sidebar-explorer{-webkit-user-select:none;user-select:none;background:#181818;border-right:1px solid #2d2d2d;flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow-y:auto}.sidebar-section-header{color:#bbb;letter-spacing:.05em;background:#252526;border-bottom:1px solid #2d2d2d;padding:8px 12px;font-size:.75rem;font-weight:700}.sidebar-tree-group{border-bottom:1px solid #252526;padding:8px 0}.sidebar-group-title{color:#999;letter-spacing:.05em;padding:4px 12px;font-size:.75rem;font-weight:700}.sidebar-tree-item{color:#ddd;cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:.95rem;transition:background .15s;display:flex}.sidebar-tree-item:hover{background:#ffffff0d}.sidebar-tree-item.active{color:#fff;background:#007acc4d;font-weight:600}.sidebar-tree-item.child-item{padding-left:28px}.tree-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-demo-picker{padding:4px 10px}.sidebar-select-input{color:#ccc;cursor:pointer;background:#252526;border:1px solid #3c3c3c;border-radius:4px;outline:none;width:100%;padding:4px 6px;font-size:.75rem}.sidebar-folder-node{margin-top:2px}.sidebar-folder-row{color:#eee;cursor:pointer;background:#ffffff05;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;font-weight:600;display:flex}.sidebar-folder-row:hover{background:#ffffff0f}.folder-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-action-btn{color:#858585;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px 4px;display:flex}.sidebar-action-btn:hover{color:#fff;background:#ffffff1a}.sidebar-empty-hint{color:#717171;padding:10px 12px;font-size:.75rem;font-style:italic;line-height:1.4}.sidebar-error-msg{color:#f14c4c;padding:8px 12px;font-size:.75rem}.workspace.single-editor-mode{grid-template-columns:1fr}.editor-tabs-bar{-webkit-user-select:none;user-select:none;background:#252526;border-bottom:1px solid #2d2d2d;display:flex;overflow-x:auto}.editor-tab-item{color:#969696;cursor:pointer;background:#2d2d2d;border-right:1px solid #252526;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;transition:all .15s;display:flex}.editor-tab-item.active{color:#fff;background:#1e1e1e;border-top:2px solid #007acc}.tab-badge{color:#a0a0a0;background:#ffffff1a;border-radius:3px;padding:1px 5px;font-size:.65rem}.tab-badge.preview-tag{color:#38bdf8;background:#38bdf833}.editor-output-preview{background:#1e1e1e;flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-banner{color:#38bdf8;background:#38bdf81a;border-bottom:1px solid #38bdf833;justify-content:space-between;align-items:center;padding:8px 15px;font-size:.8rem;display:flex}.back-to-edit-btn{color:#fff;cursor:pointer;background:#0e639c;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:700}.back-to-edit-btn:hover{background:#17b}.output-preview-code{color:#d4d4d4;background:#1e1e1e;flex:1;margin:0;padding:15px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.85rem;line-height:1.5;overflow:auto}.docs-btn{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #3b82f6;border-radius:6px;align-items:center;gap:.5rem;margin-right:1rem;padding:.4rem 1rem;font-size:1.6rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 0 10px #3b82f64d}.docs-btn:hover{background:#3b82f6;transform:translateY(-1px);box-shadow:0 0 15px #3b82f699}.workspace{flex:1;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 0;display:grid;overflow:hidden}.panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 15px 35px #0006}.panel-header{border-bottom:1px solid var(--border-light);background:#0f172a80;justify-content:space-between;align-items:center;min-height:68px;padding:.85rem 1.25rem;display:flex}.panel-header h2{letter-spacing:.05em;color:#e2e8f0;font-size:2rem;font-weight:500}.mode-selector{background:#00000059;border:1px solid #ffffff1a;border-radius:6px;padding:.2rem;display:flex}.radio-label input{display:none}.radio-btn{cursor:pointer;color:var(--text-muted);border:1px solid #0000;border-radius:5px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:2rem;font-weight:500;transition:all .2s;display:flex}.radio-btn.is-active{color:#fff;background:#007acc;border-color:#ffffff40;font-weight:600;box-shadow:0 2px 8px #007acc66}.active-check-icon{color:#fff;stroke-width:3px;animation:.2s ease-out checkPop}@keyframes checkPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.check-placeholder{width:0}.mode-guide-bar{color:#94a3b8;letter-spacing:.03em;background:#1e2430;border-bottom:1px solid #2d2d2d;align-items:center;gap:.6rem;padding:.4rem 1.25rem;font-size:1.5rem;display:flex}.mode-guide-label{color:#38bdf8;font-size:1.5rem;font-weight:600}.mode-guide-text{color:#e2e8f0;font-size:1.5rem;font-weight:500}.input-file-bar{-webkit-user-select:none;user-select:none;background:#252526;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.85rem;display:flex}.input-file-info{align-items:center;gap:.5rem;display:flex}.input-file-name{color:#61afef;font-weight:600}.input-file-actions{align-items:center;gap:.6rem;display:flex}.input-file-stats{color:#858585;background:#ffffff0d;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.quick-action-btn{color:#ccc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:.2rem .6rem;font-size:2rem;transition:all .2s}.quick-action-btn:hover{color:#fff;background:#ffffff26}.clear-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef444466}.editor-container{background:#1e1e1e;flex:1;display:flex;position:relative}textarea{color:#d4d4d4;resize:none;background:0 0;border:none;outline:none;width:100%;height:100%;padding:1.25rem;font-family:Fira Code,Consolas,Monaco,monospace;font-size:1rem;line-height:1.6}textarea::placeholder{color:#94a3b84d}.empty-dropzone-watermark{pointer-events:none;background:#0000001a;border:2px dashed #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:1rem;transition:all .3s;display:flex;position:absolute;inset:0}.watermark-icon{opacity:.6;margin-bottom:.5rem;font-size:2.5rem}.watermark-title{color:#94a3b8;font-size:1.1rem;font-weight:500}.watermark-sub{color:#64748b;margin-top:.25rem;font-size:.85rem}.editor-container.drag-over .empty-dropzone-watermark{border-color:var(--accent);background:#3b82f61a}.overlay-msg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-hover);pointer-events:none;border:2px dashed var(--accent);background:#0f172ad9;border-radius:8px;justify-content:center;align-items:center;margin:.5rem;font-size:1.25rem;font-weight:500;display:flex;position:absolute;inset:0}.action-bar{background:#252526;border-top:1px solid #333;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.25rem;display:flex}.toggle{cursor:pointer;align-items:center;gap:.6rem;display:flex}.toggle input{display:none}.slider{background-color:#ffffff26;border-radius:24px;width:44px;height:24px;transition:all .3s;position:relative}.slider:before{content:"";background:var(--text-muted);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle input:checked+.slider{background-color:var(--accent)}.toggle input:checked+.slider:before{background:#fff;transform:translate(20px)}.label-text{color:#ccc;font-size:2rem}.primary-btn{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.55rem 1.25rem;font-size:2rem;font-weight:600;transition:all .25s;box-shadow:0 4px 14px #3b82f659}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b82f680}.primary-btn:active{transform:translateY(0)}.results-container{background:#181818;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.empty-state{text-align:center;color:var(--text-muted);margin:auto;padding:2rem}.empty-state .icon{opacity:.7;margin-bottom:.75rem;font-size:2.5rem}.empty-title{color:#ccc;margin-bottom:.4rem;font-size:1.1rem}.empty-sub{color:#64748b;font-size:.85rem}.explorer-folder-block{background:#1e1e1e;border:1px solid #333;border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.explorer-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#252526;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:.6rem .85rem;transition:background .2s;display:flex}.explorer-folder-header:hover{background:#2a2d2e}.folder-left-info{color:#ccc;align-items:center;gap:.45rem;font-size:.9rem;font-weight:500;display:flex}.chevron-icon{color:#858585;width:12px;font-size:.65rem}.folder-icon{font-size:1rem}.folder-name-text{color:#e2e8f0;font-family:Fira Code,monospace}.file-count-badge{color:#94a3b8;background:#333;border-radius:10px;margin-left:.25rem;padding:.1rem .5rem;font-size:.75rem}.download-zip-btn{color:#34d399;cursor:pointer;background:#10b98126;border:1px solid #10b98166;border-radius:4px;padding:.25rem .65rem;font-size:2rem;font-weight:500;transition:all .2s}.download-zip-btn:hover{color:#fff;background:#10b981}.explorer-tree-files{background:#1e1e1e;border-bottom:1px solid #2d2d2d;flex-direction:column;max-height:280px;padding:.2rem 0;display:flex;overflow-y:auto}.explorer-file-item{color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:.4rem .85rem .4rem 1.5rem;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.85rem;transition:background .15s,color .15s;display:flex}.explorer-file-item:hover{color:#fff;background:#2a2d2e}.explorer-file-item.active{color:#fff;background:#04395e;border-left-color:#007acc;font-weight:500}.file-item-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;display:flex;overflow:hidden}.file-item-right{align-items:center;gap:.6rem;display:flex}.file-lines-meta{color:#64748b;font-size:.72rem}.active-preview-badge{color:#fff;letter-spacing:.04em;background:#007acc;border-radius:4px;align-items:center;gap:.35rem;padding:.1rem .45rem;font-size:.68rem;font-weight:600;display:inline-flex;box-shadow:0 0 8px #007acc80}.active-badge-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseDot;display:inline-block}@keyframes pulseDot{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.file-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-download-action-btn{color:#858585;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:3px;padding:.1rem .35rem;font-size:.82rem;transition:all .2s}.explorer-file-item:hover .file-download-action-btn{opacity:1;color:#fff;background:#ffffff1a}.file-preview-box{background:#181818;border-top:2px solid #007acc;border-left:3px solid #007acc;margin-top:.2rem;box-shadow:0 4px 15px #007acc26}.preview-header{color:#ccc;background:#1f242d;border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;padding:.55rem .9rem;font-size:.85rem;display:flex}.active-glow-dot{background:#38bdf8;border-radius:50%;width:8px;height:8px;margin-right:.4rem;display:inline-block;box-shadow:0 0 8px #38bdf8}.preview-label-tag{color:#38bdf8;letter-spacing:.04em;margin-right:.4rem;font-size:.78rem;font-weight:600}.preview-title{align-items:center;gap:.4rem;font-family:Fira Code,monospace;display:flex}.download-single-btn{color:#fff;cursor:pointer;background:#0e639c;border:none;border-radius:4px;padding:.2rem .6rem;font-size:2rem;font-weight:500;transition:background .2s}.download-single-btn:hover{background:#17b}.code-preview{color:#d4d4d4;background:#1e1e1e;max-height:260px;margin:0;padding:.85rem;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.85rem;line-height:1.5;overflow:auto}.vscode-statusbar{color:#fff;-webkit-user-select:none;user-select:none;background:#007acc;justify-content:space-between;align-items:center;padding:.25rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;display:flex}.statusbar-left,.statusbar-right{align-items:center;gap:1rem;display:flex}.statusbar-item{opacity:.9}.statusbar-brand{font-weight:600}.vscode-terminal-panel{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:8px 8px 0 0;flex-direction:column;flex-shrink:0;height:140px;margin-top:.5rem;font-family:Fira Code,Consolas,Monaco,monospace;display:flex}.terminal-header{-webkit-user-select:none;user-select:none;background:#252526;border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;padding:4px 12px;font-size:.75rem;display:flex}.terminal-tabs{gap:15px;display:flex}.terminal-tab{color:#858585;cursor:pointer;padding-bottom:2px}.terminal-tab.active{color:#fff;border-bottom:2px solid #007acc;font-weight:700}.cmd-badge{color:#4ec9b0;background:#000;border:1px solid #3c3c3c;border-radius:4px;padding:2px 8px;font-family:monospace}.terminal-body{flex:1;padding:8px 12px;font-size:.82rem;line-height:1.4;overflow-y:auto}.terminal-line{margin-bottom:4px}.prompt-path{color:#35d499;font-weight:700}.prompt-cmd{color:#ce9178}.success-line{color:#4ec9b0}.info-line{color:#9cdcfe}.hint-line{color:#6a9955;font-style:italic}.error-line{color:#f14c4c}.terminal-run-btn{color:#fff;cursor:pointer;background:#007acc;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:700;transition:background .2s;display:flex;box-shadow:0 0 5px #007acc80}.terminal-run-btn:hover{background:#0098ff;box-shadow:0 0 8px #007acccc}@media (width<=900px){body{padding:0}.app-container{height:auto;min-height:100vh}.ide-layout-body{flex-direction:column}.vscode-activity-bar{border-bottom:1px solid #2d2d2d;border-right:none;flex-direction:row;width:100%;height:auto;padding:5px 15px}.vscode-sidebar-explorer{border-bottom:1px solid #2d2d2d;border-right:none;width:100%;max-height:250px}.activity-top{flex-direction:row}.workspace{grid-template-columns:1fr;gap:1.5rem;height:auto;padding:.5rem;overflow:visible}.panel{min-height:60vh}.editor-container{min-height:350px}.titlebar-center{display:none}.vscode-titlebar{flex-direction:column;align-items:flex-start;gap:1rem}.titlebar-right{justify-content:flex-end;width:100%}.docs-btn{padding:.4rem .8rem;font-size:1.4rem}}