.editor-wrapper{display:flex;flex-direction:column;height:100%;width:100%;background:var(--nexus-bg);position:relative;overflow:hidden;flex:1}.editor-content{display:flex;flex:1;position:relative;overflow:hidden;min-height:0;background:var(--nexus-surface)}.preview-column,.preview-only{flex:1;display:flex;flex-direction:column;height:100%}.editor-area{flex:1;height:100%;position:relative;min-height:0;background:var(--nexus-surface);display:flex;align-items:stretch}.editor-wrapper.with-preview .editor-content{flex-direction:row}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--nexus-surface);border-bottom:1px solid var(--nexus-border);height:48px;color:var(--nexus-text);gap:16px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.window-controls{display:inline-flex;align-items:center;gap:6px;padding-right:12px;border-right:1px solid rgba(148,163,184,.12)}.window-controls .control{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--nexus-text-muted);transition:transform .2s ease,background .2s ease;opacity:.3}.window-controls .control.close{background:#f87171}.window-controls .control.minimize{background:#fbbf24}.window-controls .control.maximize{background:#34d399}.window-controls .control:hover{transform:scale(1.1);opacity:1}.file-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.file-meta-top{display:flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8cc}.file-tag{background:#ffffff1a;color:#ffffffe6;padding:4px 8px;border-radius:999px;font-weight:600}.file-language{color:var(--nexus-text-muted)}.file-status{color:var(--nexus-primary);font-weight:600}.file-name-row{display:flex;align-items:baseline;gap:10px}.file-name{font-size:16px;font-weight:600;color:#e8ecff;letter-spacing:.02em;text-shadow:0 6px 12px rgba(18,18,18,.35)}.file-path{font-size:12px;color:#94a3b8ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-header-tabs{display:flex;align-items:center;gap:2px;height:100%;overflow-x:auto;scrollbar-width:none}.editor-header-tabs::-webkit-scrollbar{display:none}.editor-tab{display:flex;align-items:center;padding:0 14px;height:32px;border-radius:10px 10px 0 0;font-size:13px;white-space:nowrap;cursor:pointer;gap:8px;background:#1212128c;color:#94a3b8d9;border-bottom:2px solid transparent;transition:all .2s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.editor-tab:hover{background:#ffffff14;color:#e2e8f0}.editor-tab.active{background:#323232e6;color:#f8fafc;border-bottom-color:#ffffff80;box-shadow:0 4px 12px #0000004d}.editor-tab-icon{display:flex;align-items:center;font-size:14px;color:inherit}.editor-tab-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:#a0aec0;transition:all .2s ease;background:transparent;border:1px solid rgba(71,85,105,.35);cursor:pointer}.monaco-editor{width:100%!important;height:100%!important}.editor-statusbar{display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 18px;font-size:12px;background:#0b101ad1;color:#94a3b8d1;border-top:1px solid rgba(148,163,184,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.statusbar-items{display:flex;align-items:center;gap:16px}.statusbar-item{display:flex;align-items:center;gap:6px}.statusbar-item-icon{font-size:14px}.tooltip{position:absolute;background-color:#16161e;color:#e2e8f0;padding:6px 10px;border-radius:4px;font-size:12px;z-index:1000;box-shadow:0 2px 8px #0000004d;pointer-events:none;white-space:nowrap;border:1px solid #2d2e3a}.terminal{background-color:#16161e;color:#e2e8f0;font-family:Fira Code,Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;padding:8px;height:100%;overflow:auto}.terminal:focus{outline:none}.terminal-prompt{color:#9ca3af;margin-right:8px}.save-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#16161e;border-radius:6px;padding:16px 18px;min-width:300px;box-shadow:0 4px 12px #0000004d;z-index:1000;border:1px solid #2d2e3a}.save-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.save-dialog-title{font-size:16px;font-weight:500}.save-dialog-close{background:transparent;border:none;cursor:pointer;color:#a0aec0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px}.save-dialog-close:hover{background-color:#292a36;color:#e2e8f0}.save-dialog-content{margin-bottom:16px}.save-dialog-form{display:flex;flex-direction:column;gap:12px}.save-dialog-input{width:100%;padding:8px 12px;background-color:#1e1f2e;border:1px solid #2d2e3a;border-radius:4px;color:#e2e8f0}.save-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.save-dialog-button{padding:6px 16px;border-radius:4px;font-weight:500;transition:all .2s ease}.save-dialog-button-primary{background-color:#4b5563;color:#fff;border:none}.save-dialog-button-primary:hover{background-color:#6b7280}.save-dialog-button-secondary{background-color:transparent;border:1px solid #2d2e3a}.save-dialog-button-secondary:hover{background-color:#292a36}.simple-editor-surface{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:radial-gradient(120% 120% at 100% 0%,#3c3c3c1f,#111827f5 45%,#060a13fa);border:1px solid rgba(148,163,184,.16);border-radius:0;overflow:hidden;box-shadow:0 30px 60px #12121273}.simple-editor-body{position:relative;flex:1;display:flex;gap:18px;padding:0;background:linear-gradient(145deg,#0a0f1aeb,#050911f2 70%,#04070efa);border-radius:0 0 12px 12px;overflow:hidden}.timeline-column{width:140px;display:flex;flex-direction:column;gap:14px;padding:12px 14px;border-radius:14px;background:linear-gradient(160deg,#121212bf,#2323236b);border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 0 0 1px #12121259}.timeline-header{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0b8}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#c8c8c8cc;box-shadow:0 0 12px #96969673}.timeline-lines{display:flex;flex-direction:column;gap:10px;overflow:hidden}.timeline-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#94a3b8c7}.timeline-line-label{min-width:24px;text-align:right;font-variant-numeric:tabular-nums}.timeline-line-track{flex:1;height:1px;border-radius:999px;background:linear-gradient(90deg,#96969659,#64646400);position:relative}.timeline-line-track:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#c8c8c8d9;box-shadow:0 0 10px #96969699}.simple-editor-canvas{flex:1;border-radius:0 0 12px 12px;background:#080d18f2;border:1px solid rgba(148,163,184,.1);box-shadow:inset 0 0 0 1px #1212124d;padding:0;overflow:hidden}.simple-editor{width:100%;height:100%;padding:20px;margin:0;border:none;outline:none;resize:none;color:#d4d4d4;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;background:transparent;white-space:pre;-moz-tab-size:2;tab-size:2;scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.45) rgba(8,12,22,.65);box-sizing:border-box}.simple-editor.mobile{height:calc(100vh - 196px);min-height:calc(100vh - 196px);padding:16px;font-size:13px;line-height:1.65}.preview-mobile-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.preview-logo{filter:drop-shadow(0 0 8px rgba(200,200,200,.5));animation:previewLogoSpin 16s linear infinite;transform-origin:center}@keyframes previewLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-logo-text{color:#d1d5db;font-family:monospace;letter-spacing:2px;font-size:20px;font-weight:900;text-transform:uppercase;text-shadow:0 0 10px rgba(200,200,200,.8),0 0 20px rgba(200,200,200,.6)}.preview-button-margin{margin-left:8px}.preview-container-hidden{visibility:hidden}.preview-container-visible{visibility:visible}.simple-editor::selection{background:#6496ff4d;color:#fff}.simple-editor:focus-visible{outline:none}.simple-editor:focus{outline:none}.simple-editor::-webkit-scrollbar{width:12px}.simple-editor::-webkit-scrollbar-track{background:#080c1666;border-radius:6px;margin:4px 0}.simple-editor::-webkit-scrollbar-thumb{background:#64646480;border-radius:6px;border:2px solid rgba(8,12,22,.4);transition:background .2s ease}.simple-editor::-webkit-scrollbar-thumb:hover{background:#969696b3}.empty-editor{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0aec0;text-align:center;padding:2rem}.empty-editor h3{margin-bottom:.5rem;color:#e2e8f0}.monaco-editor-container,.monaco-editor{width:100%!important;height:100%!important;background-color:#1a1b26!important}.editor-wrapper.matrix-theme .monaco-editor-container,.editor-wrapper.matrix-theme .monaco-editor,.editor-wrapper.matrix-theme .simple-editor{background-color:#000;color:#0f0;font-family:Consolas,Courier New,monospace}.editor-wrapper.matrix-theme .monaco-editor .mtk1,.editor-wrapper.matrix-theme .monaco-editor .mtk2,.editor-wrapper.matrix-theme .monaco-editor .mtk3,.editor-wrapper.matrix-theme .monaco-editor .mtk4,.editor-wrapper.matrix-theme .monaco-editor .mtk5,.editor-wrapper.matrix-theme .monaco-editor .mtk6,.editor-wrapper.matrix-theme .monaco-editor .mtk7,.editor-wrapper.matrix-theme .monaco-editor .mtk8,.editor-wrapper.matrix-theme .monaco-editor .mtk9{color:#0f0!important}.editor-wrapper.with-preview .editor-container{display:flex;flex-direction:column;height:100%}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;background-color:#252526;border-bottom:1px solid #444;height:40px;color:#ddd;font-size:12px}.file-info{display:flex;align-items:center}.file-name{font-weight:500;margin-right:8px}.file-path{color:#999;font-size:11px}.monaco-editor{height:100%;width:100%;transition:height .3s ease}.editor-wrapper.with-preview .monaco-editor{height:50%;min-height:200px;border-bottom:none}.preview-container{position:relative;display:flex;flex-direction:column;height:50%;overflow:hidden;background-color:#1e1e1e;border-top:1px solid #333}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:32px;background-color:#252526;border-bottom:1px solid #333;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000004d}.preview-header h3{margin:0;font-size:14px;color:#e0e0e0}.preview-powered-by{font-size:12px;color:#888}.preview-iframe-container{flex:1;position:relative;overflow:hidden;background-color:#fff}.preview-iframe-container iframe{width:100%}.preview-toggle{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;color:#e2e8f0f2;border:1px solid rgba(255,255,255,.15);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;background-position:center}.preview-toggle:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.preview-toggle:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.preview-toggle.active{background:#ffffff26;border-color:#ffffff4d;color:#f8fafc}.preview-toggle-icon{font-size:14px}.preview-toggle-label{line-height:1}.editor-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:#1a1b26;border-radius:0;overflow:hidden}.preview-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1e1e1ee6;color:#fff;z-index:100;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#6b7280;animation:spin 1s ease-in-out infinite;margin-bottom:15px}.resizer{position:absolute;left:0;right:0;height:12px;background-color:#333;cursor:row-resize;z-index:100;border-top:1px solid #444;border-bottom:1px solid #444;display:flex;justify-content:center;align-items:center;transition:background-color .2s;top:auto;bottom:50%;transform:translateY(6px);opacity:.9}@media (min-height: 300px){.editor-wrapper.with-preview .resizer{top:auto;bottom:50%;transform:translateY(6px)}}.resizer:hover{background-color:#6b7280;opacity:1;height:14px}.resizer:active{background-color:#4b5563;opacity:1}.resizer:after{content:"";width:60px;height:4px;background-color:#ccc;border-radius:2px}.preview-controls{display:flex;gap:8px;align-items:center}.fullscreen-toggle,.fullscreen-toggle-small{background-color:#333;color:#ccc;border:none;border-radius:3px;width:28px;height:28px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s,color .2s}.fullscreen-toggle-small{width:22px;height:22px;font-size:10px}.fullscreen-toggle:hover,.fullscreen-toggle-small:hover{background-color:#444;color:#fff}.fullscreen-toggle.active,.fullscreen-toggle-small.active{background-color:#555;color:#fff}.preview-header-controls{display:flex;align-items:center;gap:10px}.editor-wrapper.preview-fullscreen .editor-container{height:calc(100% - 32px);display:flex;flex-direction:column}.editor-wrapper.preview-fullscreen .preview-container{flex:1;height:100%!important;max-height:100%!important;z-index:50;background-color:#1e1e1e}.editor-wrapper.preview-fullscreen .preview-header{position:sticky;top:0;z-index:51;box-shadow:0 2px 4px #0003}.editor-wrapper.preview-fullscreen .preview-iframe-container{height:100%;flex:1}@media (max-width: 768px){.editor-wrapper.preview-fullscreen .preview-container,.editor-wrapper.with-preview .preview-container{height:100%!important}body{overscroll-behavior:contain}.editor-wrapper.with-preview .editor-area,.editor-wrapper.with-preview .editor-divider,.editor-wrapper.with-preview .left-divider{display:none!important}.editor-wrapper.with-preview .preview-container,.editor-wrapper.with-preview .preview-iframe-container,.editor-wrapper.with-preview .preview-container iframe{height:100vh!important;min-height:100vh!important}body.mobile-preview-active .app{padding:0!important}body.mobile-preview-active .content-area,body.mobile-preview-active .main-container{padding:0!important;margin:0!important;border-radius:0!important;height:100vh!important}body.mobile-preview-active .file-explorer-container,body.mobile-preview-active .file-explorer{display:none!important}.editor-wrapper.with-preview .editor-header{display:flex!important}}.preview-update-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1e1e1ee6;color:#fff;padding:10px 20px;border-radius:4px;z-index:100;font-size:14px;box-shadow:0 2px 8px #00000080}.preview-update-indicator{position:absolute;top:40px;left:50%;transform:translate(-50%,-100%);background-color:#28a745;color:#fff;padding:8px 16px;border-radius:4px;z-index:100;font-size:14px;opacity:0;transition:transform .3s ease,opacity .3s ease;box-shadow:0 2px 8px #0000004d}.preview-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;max-width:600px;margin:0 auto;padding:20px;text-align:center}.preview-global-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#121212fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}.preview-logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.preview-loader-info{text-align:center;max-width:400px}@keyframes glow{0%{text-shadow:0 0 10px rgba(200,200,200,.8),0 0 20px rgba(200,200,200,.6),0 0 30px rgba(200,200,200,.4)}to{text-shadow:0 0 20px rgba(220,220,220,1),0 0 30px rgba(200,200,200,.8),0 0 40px rgba(200,200,200,.6),0 0 50px rgba(200,200,200,.4)}}@media (min-width: 769px){.preview-error{max-width:none!important;width:100%!important;padding:20px 30px;gap:0}.preview-mobile-header{transform:scale(1);margin-bottom:20px!important}.preview-error p{font-size:15px!important;line-height:1.5;color:#e2e8f0;margin:12px 0!important;max-width:none!important;font-weight:400}.preview-error button{padding:10px 28px!important;font-size:14px!important;font-weight:600;border-radius:8px!important;background:linear-gradient(135deg,#4b5563,#374151)!important;border:none!important;color:#fff!important;box-shadow:0 4px 12px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:16px!important}.preview-error button:hover{background:linear-gradient(135deg,#6b7280,#4b5563)!important;transform:translateY(-2px);box-shadow:0 6px 16px #0006!important}}.preview-error button{margin-top:15px;padding:8px 16px;background-color:#4b5563;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.preview-error button:hover{background-color:#6b7280}.editor-wrapper.preview-fullscreen .preview-container{position:absolute;top:32px;left:0;right:0;bottom:0;height:calc(100% - 32px);z-index:10;border-top:none}.editor-wrapper.preview-fullscreen .monaco-editor,.editor-wrapper.preview-fullscreen .resizer{display:none}@media (max-width: 768px){.preview-iframe-container{height:100%}.preview-header h3{font-size:12px}.preview-powered-by{display:none}}.monaco-editor-container{width:100%!important;height:100%!important;overflow:hidden;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:0 0 8px 8px}.monaco-editor{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:0 0 8px 8px}.simple-editor[data-language=javascript],.simple-editor[data-language=typescript]{color:#9cdcfe}.simple-editor[data-language=html]{color:#ce9178}.simple-editor[data-language=css]{color:#d7ba7d}.simple-editor[data-language=json]{color:#e0e0e0;font-size:13.5px;line-height:1.65;letter-spacing:.02em}.preview-wrapper{display:flex;flex-direction:column;height:50%;background-color:#1e1e1e;border-top:1px solid #333;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#252526;border-bottom:1px solid #333}.preview-title{font-size:14px;font-weight:500;color:#e0e0e0}.preview-controls{display:flex;gap:8px}.preview-controls button{padding:4px 10px;font-size:12px;background-color:#2d2d2d;color:#ccc;border:1px solid #444;border-radius:4px;cursor:pointer;transition:all .2s}.preview-controls button:hover{background-color:#3a3a3a;color:#fff}.refresh-button{display:flex;align-items:center;gap:4px}.refresh-button.with-pending{background-color:#3a3a3a!important;color:#fc0!important;border-color:#fc0!important}.preview-container{flex:1;position:relative;overflow:hidden}.preview-loading,.preview-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1e1e1ee6;color:#e0e0e0;z-index:10}.preview-loading p,.preview-error p{margin:8px 0}.sub-message{font-size:12px;color:#aaa;margin-top:5px}.preview-error button{margin-top:15px;padding:6px 12px;background-color:#2d2d2d;color:#ccc;border:1px solid #444;border-radius:4px;cursor:pointer}.preview-error button:hover{background-color:#3a3a3a;color:#fff}.editor-divider{width:1px;height:100%;background:transparent;pointer-events:none;flex-shrink:0;z-index:1;position:relative}.editor-divider .divider-line{position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#424242}.left-divider{position:absolute;left:0;top:0;bottom:0;width:1px;pointer-events:none;z-index:1}.left-divider .divider-line.vertical{position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#424242}.editor-actions{display:flex;gap:10px;align-items:center}.save-button{padding:6px 10px;background-color:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer;font-size:15px;transition:transform .2s ease,background .2s ease,border-color .2s ease;font-weight:600;margin-right:10px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.save-button:hover:not(:disabled){background-color:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.save-button:disabled{opacity:.45;cursor:default;background-color:#12121259;color:#94a3b899;border-color:#47556959;box-shadow:none}.save-button.unsaved{background-color:#ffffff26;color:#f8fafc;border-color:#ffffff4d;animation:pulse 1.5s infinite}.save-button-icon{font-size:18px;stroke-width:2.5}.save-button-icon.saved{color:#34d399}@keyframes pulse{0%{box-shadow:0 0 #4299e166}70%{box-shadow:0 0 0 6px #4299e100}to{box-shadow:0 0 #4299e100}}.code-loader-title{background:linear-gradient(90deg,#e0e0e0e6 25%,#fff,#e0e0e0e6 75%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerText 2s ease-in-out infinite;font-weight:500}@keyframes shimmerText{0%{background-position:-200% 0}to{background-position:200% 0}}.model-selector{padding:6px 12px;margin-right:10px;border:1px solid #444;border-radius:8px;background-color:#1e1f2e;color:#e0e0e0;font-size:14px;cursor:pointer;font-weight:500;transition:all .2s ease}.model-selector:hover{border-color:#666;background-color:#292a36}.model-selector:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 2px #6b728033}.model-selector option{background-color:#2d2d2d;color:#e0e0e0}.editor-wrapper .monaco-editor .slider,.editor-wrapper .monaco-editor .minimap-slider{background:#64646466}.editor-wrapper .monaco-editor .monaco-scrollable-element{box-shadow:none!important}.editor-wrapper .monaco-editor .cursors-layer{position:absolute!important}.file-explorer{background-color:#16161e;border-right:1px solid #2d2e3a;width:250px;overflow-y:auto;flex-shrink:0;padding:12px;border-radius:8px 0 0 8px}.file-explorer-header{display:flex;justify-content:space-between;align-items:center;padding:0 6px 6px;border-bottom:1px solid #2d2e3a;margin-bottom:6px}@media (max-width: 768px){.file-explorer-header{padding:0 4px 4px;margin-bottom:4px}}.file-explorer-title{font-weight:600;font-size:13px;color:#e2e8f0}@media (max-width: 768px){.file-explorer-title{font-size:11px}}.file-explorer-actions{display:flex;gap:6px}@media (max-width: 768px){.file-explorer-actions{gap:4px}}.file-explorer-button{background:transparent;border:none;color:#a0aec0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;transition:all .2s}@media (max-width: 768px){.file-explorer-button{width:20px;height:20px;border-radius:3px}}.file-explorer-button:hover{background-color:#ffffff1a;color:#e2e8f0}.file-tree{padding-left:8px}.file-item{display:flex;flex-direction:column;padding:0;cursor:pointer;transition:all .2s;margin-bottom:2px;font-size:13px;width:100%}.file-item:hover{background-color:#ffffff1a}.file-item.active>.file-item-content{background-color:#50505033}.file-item-content{display:flex;align-items:center;width:100%;padding:4px 0}@media (max-width: 768px){.editor-wrapper{height:100vh;min-height:100vh}.editor-content{flex-direction:column;height:100%;min-height:0}.editor-area{flex:1;height:100%;min-height:0;position:relative}.editor-header{padding:6px 10px;height:40px}.simple-editor-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.simple-editor-wrapper .simple-editor{flex:1;height:100%!important;min-height:100%!important;padding:12px!important;font-size:12.5px!important;line-height:1.6!important}.simple-editor{width:100%;height:100%!important;min-height:100%!important;font-size:14px;padding:12px;overflow-y:auto}.simple-editor::-webkit-scrollbar{width:8px}.simple-editor::-webkit-scrollbar-thumb{background:#78787899;border-radius:4px}.simple-editor-canvas{border-radius:0}.empty-editor{height:calc(100% - 35px);padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.editor-wrapper.preview-fullscreen .preview-container{top:15px;height:calc(100% - 35px)!important}.editor-wrapper.with-preview .resizer{height:12px}.editor-wrapper.with-preview .editor-content{flex-direction:column}.editor-wrapper.with-preview .editor-container,.editor-wrapper.with-preview .preview-container{height:50%!important}}@media (max-width: 768px){body.preview-active .file-explorer-container,body.preview-active .file-explorer{display:none!important;width:0!important;flex:0 0 0!important;overflow:hidden!important}body.preview-active .app{padding:0!important;height:100vh!important}body.preview-active .main-container{margin-bottom:0!important}body.preview-active .content-area,body.preview-active .editor-container,body.preview-active .editor-wrapper.with-preview .preview-container{height:100vh!important}}.vite-preview{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.vite-preview.fullscreen{position:fixed;top:0;left:0;bottom:0;z-index:9999;background-color:#1e1e1e}.preview-wrapper{display:flex;flex-direction:column;width:100%;height:100%;background:linear-gradient(160deg,#0a0a0ac7,#0f0f0fe6 70%,#080808f2);border-left:1px solid rgba(148,163,184,.14);overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:-4px 0 24px #00000059}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(135deg,#121212cc,#0c0c0ceb 85%);border-bottom:1px solid rgba(148,163,184,.16);z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.preview-title{font-weight:600;color:#e5edff;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.preview-controls{display:flex;align-items:center;gap:10px}.refresh-button,.fullscreen-toggle{padding:8px 14px;background:#0c142499;border:1px solid rgba(148,163,184,.18);border-radius:12px;color:#e3e9ffe6;cursor:pointer;font-size:.78rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.refresh-button:hover,.fullscreen-toggle:hover{background:#50505038;color:#f8fafc;border-color:#78787852;transform:translateY(-1px);box-shadow:0 12px 24px #3c3c3c40}.preview-container{flex:1;width:100%;font-size:.8rem;color:#888;margin-top:.5rem}.preview-error button{margin-top:1rem;padding:.35rem .9rem;background:#0c1424a6;border:1px solid rgba(148,163,184,.18);border-radius:10px;color:#e3e9ffe6;cursor:pointer;transition:background .2s ease,transform .2s ease}.preview-error button:hover{background:#5050503d;color:#f8fafc;transform:translateY(-1px)}.fullscreen{position:fixed;top:0;left:0;bottom:0;z-index:9999;background-color:#1e1e1e;margin-left:8px;font-weight:400;animation:pulse 2s infinite}.refresh-button.has-changes{background:linear-gradient(135deg,#f97316,#fb923c);border-color:#ff9f4099;color:#0f172a;animation:pulse-background 2s infinite;box-shadow:0 14px 24px #f9731659}.refresh-button.has-changes:hover{background:linear-gradient(135deg,#fb923c,#fdba74);border-color:#ffad5999}@keyframes pulse-background{0%{background:linear-gradient(135deg,#f97316,#fb923c)}50%{background:linear-gradient(135deg,#fb923c,#fdba74)}to{background:linear-gradient(135deg,#f97316,#fb923c)}}.file-explorer{display:flex;flex-direction:column;background:var(--nexus-bg);width:100%;height:100%;min-height:0;padding:12px 16px 16px;box-sizing:border-box;overflow:hidden;position:relative}.file-explorer-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 8px;border-bottom:1px solid var(--nexus-border);margin-bottom:8px;flex-shrink:0}.file-explorer-title{font-weight:600;font-size:13px;color:var(--nexus-text);letter-spacing:.01em}.file-explorer-actions{display:flex;gap:8px}.file-tree{padding:4px 0 4px 4px;display:flex;flex-direction:column;width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.45) transparent}.file-tree::-webkit-scrollbar{width:8px}.file-tree::-webkit-scrollbar-track{background:transparent}.file-tree::-webkit-scrollbar-thumb{background:#64646473;border-radius:4px}.file-tree::-webkit-scrollbar-thumb:hover{background:#969696a6}.file-item{display:flex;flex-direction:column;width:100%;margin-bottom:0;font-size:12.5px}.file-item-content{display:flex;align-items:center;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s;gap:6px;position:relative;-webkit-user-select:none;user-select:none;color:var(--nexus-text)}.file-item-content:hover{background:#ffffff0d}.file-item.active .file-item-content{background:#22d3ee26;border-left:2px solid var(--nexus-primary)}.file-item.recently-edited .file-item-content{background:linear-gradient(90deg,#96969626,#8282821f);border:1px solid rgba(150,150,150,.3);animation:pulse-edited 1.5s ease-in-out infinite}@keyframes pulse-edited{0%,to{border-color:#9696964d;box-shadow:0 0 #96969666}50%{border-color:#b4b4b480;box-shadow:0 0 8px 2px #b4b4b44d}}.edited-indicator{margin-left:auto;font-size:14px;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.2) rotate(20deg)}}.file-item-content:hover{background:#ffffff14;color:#f8fafc}.file-item.active>.file-item-content{background:#323232cc;color:#fff;box-shadow:0 4px 12px #0000004d}.chevron-icon{font-size:11px;color:#94a3b8bf;display:flex;align-items:center;justify-content:center;width:14px;height:14px;transition:color .2s ease}.file-item-icon{margin-right:6px;font-size:13px;color:#94a3b8c7;transition:color .2s ease}.file-item-text{color:#e2e8f0e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.folder-item>.file-item-content:hover .file-item-icon,.file-item-content:hover .file-item-text{color:#f8fafc}.folder-contents{padding-left:12px;margin-top:1px;margin-bottom:1px;border-left:1px dashed rgba(148,163,184,.18);display:flex;flex-direction:column;width:100%}.empty-explorer{padding:40px 18px;color:#94a3b8c7;text-align:center;font-size:13px;background:#12121273;border:1px dashed rgba(148,163,184,.2);border-radius:12px;margin:20px 12px;display:flex;align-items:center;justify-content:center;flex:1;min-height:200px}.empty-explorer p{margin:0;line-height:1.5}.folder-icon.src,.folder-icon.src-open,.folder-icon.components,.folder-icon.components-open,.folder-icon.pages,.folder-icon.pages-open,.folder-icon.assets,.folder-icon.assets-open,.folder-icon.android,.folder-icon.android-open,.folder-icon.java,.folder-icon.java-open,.folder-icon.res,.folder-icon.res-open,.file-icon.java,.file-icon.kotlin,.file-icon.xml,.file-icon.jsx,.file-icon.tsx,.file-icon.css,.file-icon.scss,.file-icon.json{color:#9ca3af}.file-explorer-header-actions{display:flex;gap:6px}.file-explorer-header-actions button{background:#0b101a99;border:1px solid rgba(148,163,184,.16);color:#e2e8f0b8;padding:5px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:24px;min-height:24px}.file-explorer-header-actions button:hover{color:#f8fafc;background:#ffffff1a;border-color:#fff3}.file-explorer-tree{padding:0 8px}.tree-item{position:relative;cursor:pointer;transition:all .2s}.tree-item-content{display:flex;align-items:center;padding:6px 10px;border-radius:10px;margin:2px 0;transition:all .2s;background:#0b101a66}.tree-item-content:hover{background:#ffffff14;color:#f8fafc}.tree-item.active>.tree-item-content{background:#323232cc;color:#f8fafc;box-shadow:0 4px 12px #0000004d}.tree-item-icon{margin-right:6px;font-size:14px;color:#94a3b8c7;transition:color .2s ease}.folder-icon{color:#f59e0b}.file-icon{color:#a0aec0}.file-icon.javascript,.file-icon.jsx,.file-icon.typescript,.file-icon.tsx,.file-icon.html,.file-icon.css,.file-icon.scss,.file-icon.json{color:#9ca3af}.tree-item-text{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e2e8f0e0;transition:color .2s ease}.tree-item-children{padding-left:16px;border-left:1px dashed rgba(148,163,184,.2);margin-left:7px}.tree-toggle{display:inline-block;width:16px;text-align:center;margin-right:4px;transition:transform .2s;font-size:10px}.tree-toggle.open{transform:rotate(90deg)}.context-menu{position:absolute;min-width:160px;background:#0e0e0ef2;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:10px 0;z-index:1000;box-shadow:0 22px 40px #12121273;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.context-menu-item{padding:6px 16px;cursor:pointer;transition:all .2s;font-size:13px;display:flex;align-items:center}.context-menu-item:hover{background:#ffffff14}.context-menu-item-icon{margin-right:8px;font-size:14px;color:#a0aec0}.divider{height:1px;background-color:#94a3b829;margin:6px 0}.file-explorer-search{padding:10px 18px;margin-bottom:10px;border-bottom:1px solid rgba(148,163,184,.14)}.file-explorer-search input{width:100%;padding:8px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0b101a8c;color:#f1f5f9;font-size:12px;transition:all .2s ease}.file-explorer-search input:focus{border-color:#ffffff4d;box-shadow:0 0 0 1px #fff3;outline:none}.new-tab-form{padding:10px 18px}.new-tab-form input{width:100%;margin-bottom:10px;background:#0b101a8c;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:8px 12px;color:#f8fafc}.new-tab-form-actions{display:flex;justify-content:flex-end;gap:8px}.drag-over{background-color:#ffffff14;border:1px dashed rgba(255,255,255,.3);border-radius:12px}.loading-explorer{display:flex;align-items:center;justify-content:center;width:100%;min-height:300px;flex:1;padding:40px 20px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:300px;width:100%}.loading-spinner-container{position:relative;width:60px;height:60px}.loading-spinner{width:60px;height:60px;border:3px solid rgba(148,163,184,.15);border-top-color:var(--nexus-primary, #22d3ee);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{text-align:center;display:flex;flex-direction:column;gap:8px}.loading-title{margin:0;font-size:16px;font-weight:600;color:#e2e8f0f2;letter-spacing:-.01em}.loading-subtitle{margin:0;font-size:13px;color:#94a3b8bf;font-weight:400}.loading-dots{width:100%}.loading-files{display:flex;flex-direction:column;gap:8px;width:100%}.loading-file-item{width:100%;padding:10px 14px;background:#1212128c;border-radius:10px;border:1px solid rgba(148,163,184,.12);transition:all .2s ease}.loading-file-item:hover{background:#191919a6;border-color:#94a3b833}.file-skeleton{height:12px;background:linear-gradient(90deg,#94a3b814,#94a3b826,#94a3b814);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-file-item:nth-child(1) .file-skeleton{width:75%;animation-delay:0s}.loading-file-item:nth-child(2) .file-skeleton{width:90%;animation-delay:.1s}.loading-file-item:nth-child(3) .file-skeleton{width:60%;animation-delay:.2s}.loading-file-item:nth-child(4) .file-skeleton{width:80%;animation-delay:.3s}@media (max-width: 768px){.file-explorer{display:flex;flex-direction:column;width:100%;height:auto;min-height:200px;max-height:50vh;border-radius:var(--border-radius-lg);padding:12px;overflow:hidden;position:relative}.file-explorer-header{padding:8px;flex-wrap:wrap;flex-shrink:0;margin-bottom:8px}.file-explorer-title{font-size:14px;padding:6px 0;font-weight:600}.file-explorer-actions{flex-wrap:wrap;gap:4px}.file-explorer-header-actions{gap:4px}.file-explorer-header-actions button{padding:3px;font-size:11px;min-width:20px;min-height:20px;border-radius:4px}.file-tree{padding:8px 0;overflow-y:auto;flex:1;min-height:0;max-height:calc(50vh - 80px)}.file-item{padding:3px 0;margin-bottom:2px}.file-item-content{padding:8px 10px;font-size:13px;gap:8px}.chevron-icon{font-size:12px;width:16px;height:16px}.file-item-icon{font-size:14px;margin-right:8px}.folder-contents{padding-left:16px;margin-top:2px;margin-bottom:2px}.file-tree-container{max-height:100%;overflow-y:auto}.loading-explorer{padding:24px 16px}.loading-content{gap:16px}.loading-spinner-container,.loading-spinner{width:48px;height:48px}.loading-title{font-size:14px}.loading-subtitle{font-size:12px}}.footer-search{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.search-input-wrapper{display:flex;align-items:center;width:min(600px,100%);background:var(--nexus-bg);border:1px solid var(--nexus-border);border-radius:6px;overflow:hidden;position:relative;margin:0 auto}.search-menu-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;background:transparent;border:none;border-right:1px solid var(--nexus-border);color:var(--nexus-text-muted);cursor:pointer;transition:all .2s;font-size:13px;white-space:nowrap}.search-menu-btn:hover{background:#ffffff0d;color:var(--nexus-text)}.menu-label{font-weight:500}.search-dropdown{position:fixed;bottom:70px;left:16px;background:var(--nexus-surface);border:1px solid var(--nexus-border);border-radius:6px;padding:8px;min-width:220px;max-width:300px;box-shadow:0 8px 24px #0006;z-index:1001;animation:slideUp .15s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{padding:4px 0}.dropdown-section:not(:last-child){border-bottom:1px solid var(--nexus-border);margin-bottom:8px;padding-bottom:8px}.dropdown-section h4{font-size:11px;font-weight:600;color:var(--nexus-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px 8px}.dropdown-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--nexus-text);cursor:pointer;transition:all .2s;border-radius:4px;font-size:13px;text-align:left}.dropdown-option:hover{background:#ffffff0d}.dropdown-option.active{background:#22d3ee26;color:var(--nexus-primary)}.search-form{display:flex;align-items:center;flex:1;gap:8px;padding:0 12px}.search-icon{color:var(--nexus-text-muted);font-size:14px;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;color:var(--nexus-text);font-size:14px;padding:10px 4px;outline:none}.search-input::placeholder{color:var(--nexus-text-muted)}.search-submit{background:linear-gradient(135deg,var(--nexus-primary),#0ea5e9);border:none;color:#0b1a2b;cursor:pointer;font-size:16px;padding:10px 16px;transition:all .25s ease;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.05em;box-shadow:0 6px 18px #0ea5e959}.search-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #0ea5e973}.search-submit:disabled{opacity:.45;cursor:not-allowed;background:#94a3b826;color:var(--nexus-text-muted);box-shadow:none}@media (max-width: 768px){.search-input-wrapper{max-width:100%}.menu-label{display:none}.search-menu-btn{padding:10px 12px}.search-dropdown{left:10px;right:10px;min-width:auto;max-width:calc(100vw - 20px)}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0f1a,#050911,#020408);display:flex;align-items:center;justify-content:center;z-index:9999;animation:splashEntry .5s ease-out;overflow:hidden}@keyframes splashEntry{0%{opacity:0}to{opacity:1}}.splash-screen.fade-out{animation:splashExit .5s ease-out forwards}@keyframes splashExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5);filter:blur(10px)}}.splash-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:100%;max-width:800px;padding:20px;margin:0 auto}.splash-logo-container{position:relative;animation:logoScale 2s ease-in-out}@keyframes logoScale{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.splash-logo{width:120px;height:auto;filter:drop-shadow(0 0 30px rgba(34,211,238,.8)) drop-shadow(0 0 60px rgba(6,182,212,.6));animation:logoGlow 2s ease-in-out infinite alternate,logoSpin 14s linear infinite;transform-origin:center}@keyframes logoGlow{0%{filter:drop-shadow(0 0 20px rgba(34,211,238,.6)) drop-shadow(0 0 40px rgba(6,182,212,.4))}to{filter:drop-shadow(0 0 40px rgba(34,211,238,1)) drop-shadow(0 0 80px rgba(6,182,212,.8))}}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-text-container{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;position:relative}.splash-title{display:flex;gap:8px;margin:0;padding:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:64px;font-weight:900;letter-spacing:8px;text-transform:uppercase;line-height:1}.splash-letter{display:inline-block;opacity:0;transform:translateY(50px) scale(.5);animation:letterPop .6s ease-out forwards;color:#22d3ee;background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(34,211,238,.8),0 0 60px rgba(34,211,238,.4)}.splash-letter:nth-child(1){animation-delay:.5s}.splash-letter:nth-child(2){animation-delay:.6s}.splash-letter:nth-child(3){animation-delay:.7s}.splash-letter:nth-child(4){animation-delay:.8s}.splash-letter:nth-child(5){animation-delay:.9s}@keyframes letterPop{0%{opacity:0;transform:translateY(50px) scale(.5);filter:drop-shadow(0 0 0px rgba(34,211,238,0))}60%{transform:translateY(-10px) scale(1.1);filter:drop-shadow(0 0 30px rgba(34,211,238,.8))}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 0 20px rgba(34,211,238,.6))}}.splash-subtitle{margin:0;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:600;letter-spacing:4px;color:#22d3ee;opacity:0;animation:fadeInUp .8s ease-out 1.2s forwards;text-shadow:0 0 20px rgba(34,211,238,.8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.splash-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:linear-gradient(135deg,#22d3ee,#06b6d4);border-radius:50%;opacity:0;animation:particleFloat 4s ease-in-out infinite;box-shadow:0 0 10px #22d3eecc}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(0)}50%{opacity:.8;transform:translateY(-100px) scale(1)}}@media (max-width: 768px){.splash-title{font-size:48px;letter-spacing:6px;gap:6px}.splash-subtitle{font-size:20px;letter-spacing:3px}.splash-logo{width:100px;height:100px}.splash-content{gap:20px}}@media (max-width: 480px){.splash-title{font-size:36px;letter-spacing:4px;gap:4px}.splash-subtitle{font-size:16px;letter-spacing:2px}.splash-logo{width:80px;height:80px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.splash-logo-container{animation:logoScale 2s ease-in-out,pulse 2s ease-in-out 2s infinite}:root{--nexus-bg: #1e1e1e;--nexus-surface: #252526;--nexus-border: #3e3e42;--nexus-text: #cccccc;--nexus-text-muted: #858585;--nexus-primary: #22d3ee;--nexus-primary-hover: #06b6d4;--nexus-header-height: 48px;--nexus-footer-height: 60px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--nexus-bg);color:var(--nexus-text);overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--nexus-bg);color:var(--nexus-text);overflow:hidden}.nexus-header{display:flex;align-items:center;justify-content:space-between;height:var(--nexus-header-height);background-color:var(--nexus-surface);border-bottom:1px solid var(--nexus-border);padding:0 16px;flex-shrink:0}.nexus-logo{display:flex;align-items:center;gap:8px}.nexus-logo-img{height:28px;width:auto;filter:drop-shadow(0 0 12px rgba(34,211,238,.35))}.nexus-tabs{display:flex;gap:0;flex:1;justify-content:center}.nexus-tab{background:transparent;border:none;color:var(--nexus-text-muted);padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;border-bottom:2px solid transparent;position:relative}.nexus-tab:hover{color:var(--nexus-text);background:#ffffff0d}.nexus-tab.active{color:#fff;border-bottom-color:var(--nexus-primary)}.nexus-settings{background:transparent;border:none;color:var(--nexus-text-muted);padding:8px;cursor:pointer;font-size:18px;transition:all .2s;border-radius:4px;display:flex;align-items:center;justify-content:center}.nexus-settings:hover{color:var(--nexus-text);background:#ffffff0d}.nexus-content{flex:1;min-height:0;overflow:hidden;background-color:var(--nexus-bg);position:relative}.tab-content-wrapper{width:100%;height:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.tab-content-wrapper.preview-tab{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#252526)}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;padding:40px;max-width:500px}.preview-logo{filter:drop-shadow(0 0 20px rgba(34,211,238,.6));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.preview-logo-text{font-size:48px;font-weight:900;letter-spacing:4px;color:var(--nexus-primary);text-shadow:0 0 30px rgba(34,211,238,.5);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.preview-message{font-size:16px;color:var(--nexus-text);line-height:1.6;margin:0}.preview-open-btn{background:var(--nexus-primary);color:#fff;border:none;padding:12px 32px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #22d3ee4d}.preview-open-btn:hover{background:var(--nexus-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #22d3ee66}.preview-open-btn:disabled{background:#94a3b84d;color:#94a3b899;cursor:not-allowed;transform:none;box-shadow:none}.preview-open-btn:disabled:hover{background:#94a3b84d;transform:none;box-shadow:none}.nexus-footer{height:var(--nexus-footer-height);background-color:var(--nexus-surface);border-top:1px solid var(--nexus-border);padding:8px 16px;flex-shrink:0;display:flex;align-items:center;gap:12px}.settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-content{background:var(--nexus-surface);border:1px solid var(--nexus-border);border-radius:12px;padding:0;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0009;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--nexus-border);position:sticky;top:0;background:var(--nexus-surface);z-index:1}.settings-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.settings-close{background:transparent;border:none;color:var(--nexus-text-muted);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1}.settings-close:hover{background:#ffffff1a;color:var(--nexus-text)}.settings-section{padding:20px 24px;border-bottom:1px solid var(--nexus-border)}.settings-section:last-of-type{border-bottom:none}.settings-section h4{margin:0 0 12px;color:var(--nexus-text);font-size:14px;font-weight:600}.settings-options{display:flex;flex-wrap:wrap;gap:8px}.settings-option{background:var(--nexus-bg);border:1px solid var(--nexus-border);color:var(--nexus-text);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;font-weight:500}.settings-option:hover{background:#ffffff0d;border-color:var(--nexus-primary)}.settings-option.active{background:#22d3ee26;border-color:var(--nexus-primary);color:var(--nexus-primary)}.settings-input{width:100%;background:var(--nexus-bg);border:1px solid var(--nexus-border);color:var(--nexus-text);padding:10px 12px;border-radius:6px;font-size:14px;outline:none;transition:all .2s}.settings-input:focus{border-color:var(--nexus-primary);box-shadow:0 0 0 3px #22d3ee1a}.settings-input::placeholder{color:var(--nexus-text-muted)}.settings-help{margin:8px 0 0;color:var(--nexus-text-muted);font-size:12px}.settings-tools{display:flex;flex-direction:column;gap:8px}.settings-tool-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:var(--nexus-bg);border:1px solid var(--nexus-border);color:var(--nexus-text);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;text-align:left}.settings-tool-btn:hover{background:#ffffff0d;border-color:var(--nexus-primary);transform:translate(4px)}.settings-tool-btn span{font-size:18px}.settings-footer{padding:20px 24px;background:#0003;display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:0}.settings-btn-primary{background:var(--nexus-primary);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.settings-btn-primary:hover{background:var(--nexus-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22d3ee4d}@media (max-width: 768px){.nexus-tabs{gap:0}.nexus-tab{padding:12px 16px;font-size:13px}.nexus-logo-text{font-size:16px}.preview-logo-text{font-size:36px}.settings-content{width:95%;max-width:none;margin:16px}.settings-header,.settings-section,.settings-footer{padding:16px}.settings-options{flex-direction:column}.settings-option{width:100%}}:root{--primary-color: #1a1b26;--secondary-color: #16161e;--accent-color: #6b7280;--text-color: #e2e8f0;--text-secondary: #a0aec0;--background-color: #1a1b26;--border-color: #2d2e3a;--panel-background: #16161e;--hover-color: #292a36;--active-color: #333444;--success-color: #9ca3af;--error-color: #ef4444;--warning-color: #f59e0b;--shadow-color: rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.5;font-size:14px;min-height:100dvh;height:auto;width:100%;overflow:hidden}a{color:var(--accent-color);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent;border:1px solid var(--border-color);border-radius:0;padding:6px 12px;outline:none;transition:all .2s ease}button{cursor:pointer;background-color:var(--panel-background)}button:hover{background-color:var(--hover-color)}button:active{background-color:var(--active-color)}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--secondary-color)}::-webkit-scrollbar-thumb{background:#333444;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#444555}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.rounded{border-radius:0}.shadow{box-shadow:none}#root{width:100%;min-height:100dvh;height:auto}