*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#f8f8f2;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{height:100%;width:100%;overflow:hidden}.container[data-v-7e84326a]{--bg-primary: #1a1a1a;--bg-secondary: #252525;--bg-panel-header: #202020;--bg-dropdown: #2a2a2a;--text-primary: #f8f8f2;--text-secondary: #aaa;--text-muted: #666;--line-numbers: #555;--border-color: #2a2a2a;--border-light: #444;--accent: #42b883;--accent-hover: #3aa876;--btn-icon-border: #555;--btn-icon-color: #ccc;--btn-primary: #42b883;--btn-primary-hover: #3aa876;--btn-secondary: #3498db;--btn-secondary-hover: #2980b9;--btn-danger: #e74c3c;--btn-danger-hover: #c0392b}.container.dark-black[data-v-7e84326a]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-panel-header: #0a0a0a;--bg-dropdown: #111111;--text-primary: #ffffff;--text-secondary: #888;--text-muted: #555;--line-numbers: #444;--border-color: #1a1a1a;--border-light: #333;--accent: #42b883;--accent-hover: #3aa876;--btn-icon-border: #444;--btn-icon-color: #999;--btn-primary: #42b883;--btn-primary-hover: #3aa876;--btn-secondary: #3498db;--btn-secondary-hover: #2980b9;--btn-danger: #e74c3c;--btn-danger-hover: #c0392b}.container.dark-blue[data-v-7e84326a]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-panel-header: #11151a;--bg-dropdown: #1c2128;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--line-numbers: #484f58;--border-color: #21262d;--border-light: #30363d;--accent: #58a6ff;--accent-hover: #79b8ff;--btn-icon-border: #30363d;--btn-icon-color: #8b949e;--btn-primary: #238636;--btn-primary-hover: #2ea043;--btn-secondary: #1f6feb;--btn-secondary-hover: #388bfd;--btn-danger: #da3633;--btn-danger-hover: #f85149}.container.light-blue[data-v-7e84326a]{--bg-primary: #f0f6fc;--bg-secondary: #e1e9f0;--bg-panel-header: #d8e3ed;--bg-dropdown: #ffffff;--text-primary: #1f2328;--text-secondary: #57606a;--text-muted: #8c959f;--line-numbers: #8c959f;--border-color: #d0d7de;--border-light: #d0d7de;--accent: #0969da;--accent-hover: #0550ae;--btn-icon-border: #d0d7de;--btn-icon-color: #57606a;--btn-primary: #1a7f37;--btn-primary-hover: #116329;--btn-secondary: #0969da;--btn-secondary-hover: #0550ae;--btn-danger: #cf222e;--btn-danger-hover: #a40e26}.container.light-white[data-v-7e84326a]{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-panel-header: #f8f9fa;--bg-dropdown: #ffffff;--text-primary: #1f2328;--text-secondary: #57606a;--text-muted: #adb5bd;--line-numbers: #adb5bd;--border-color: #e9ecef;--border-light: #dee2e6;--accent: #495057;--accent-hover: #343a40;--btn-icon-border: #dee2e6;--btn-icon-color: #6c757d;--btn-primary: #00c278;--btn-primary-hover: #00a866;--btn-secondary: #6c757d;--btn-secondary-hover: #5a6268;--btn-danger: #dc3545;--btn-danger-hover: #c82333}.container[data-v-7e84326a]{display:flex;flex-direction:column;height:100vh;padding:0;box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary)}.header[data-v-7e84326a]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary)}.header h1[data-v-7e84326a]{margin:0;font-size:1.5rem;color:var(--accent)}.controls[data-v-7e84326a]{display:flex;gap:1rem;align-items:center}.buttons[data-v-7e84326a]{display:flex;gap:.5rem;align-items:center}.btn[data-v-7e84326a]{padding:.5rem 1rem;border-radius:6px;border:1px solid transparent;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-icon[data-v-7e84326a]{padding:.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--btn-icon-border);color:var(--btn-icon-color);border-radius:6px;cursor:pointer;transition:all .2s}.btn-icon .material-symbols-outlined[data-v-7e84326a]{font-size:20px}.btn-icon[data-v-7e84326a]:hover:not(:disabled),.btn-icon.active[data-v-7e84326a]{border-color:var(--accent);color:var(--accent)}.btn-primary[data-v-7e84326a]{background:var(--btn-primary);color:#fff}.btn-primary[data-v-7e84326a]:hover{background:var(--btn-primary-hover)}.btn-secondary[data-v-7e84326a]{background:var(--btn-secondary);color:#fff}.btn-secondary[data-v-7e84326a]:hover{background:var(--btn-secondary-hover)}.btn-danger[data-v-7e84326a]{background:var(--btn-danger);color:#fff}.btn-danger[data-v-7e84326a]:hover{background:var(--btn-danger-hover)}.btn[data-v-7e84326a]:disabled{opacity:.5;cursor:not-allowed}.settings-wrapper[data-v-7e84326a]{position:relative}.settings-dropdown[data-v-7e84326a]{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-dropdown);border:1px solid var(--border-light);border-radius:8px;padding:1rem;min-width:220px;z-index:100;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 12px #0000004d}.setting-item[data-v-7e84326a]{display:flex;flex-direction:column;gap:.25rem}.setting-row[data-v-7e84326a]{display:flex;gap:.5rem}.setting-item.half[data-v-7e84326a]{flex:1}.setting-item label[data-v-7e84326a]{font-size:.8rem;color:var(--text-secondary)}.setting-item select[data-v-7e84326a]{padding:.5rem;border-radius:6px;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;cursor:pointer}.setting-item select[data-v-7e84326a]:focus{outline:none;border-color:var(--accent)}.checkbox-label[data-v-7e84326a]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary)}.checkbox-label input[data-v-7e84326a]{width:16px;height:16px;cursor:pointer}.btn-reset[data-v-7e84326a]{width:100%;margin-top:.5rem;padding:.5rem;background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);font-size:.8rem}.btn-reset[data-v-7e84326a]:hover{border-color:var(--accent);color:var(--accent)}.editor-container[data-v-7e84326a]{display:flex;flex:1;min-height:0}.editor-panel[data-v-7e84326a]{flex:1;display:flex;flex-direction:column;min-width:0}.editor-panel+.editor-panel[data-v-7e84326a]{border-left:1px solid var(--border-color)}.editor-panel.full[data-v-7e84326a]{flex:1}.panel-header[data-v-7e84326a]{padding:.5rem 1rem;background:var(--bg-panel-header);font-size:.85rem;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.status[data-v-7e84326a]{font-size:.8rem;display:flex;align-items:center;gap:.5rem}.status.success[data-v-7e84326a]{color:#42b883}.status.error[data-v-7e84326a]{color:#e74c3c}.error-msg[data-v-7e84326a]{font-size:.75rem;opacity:.9;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-body[data-v-7e84326a]{flex:1;display:flex;min-height:0;background:var(--bg-primary)}.line-numbers[data-v-7e84326a]{padding:1rem 0;background:var(--bg-primary);color:var(--line-numbers);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden;min-width:3rem;border-right:1px solid var(--border-color)}.line-numbers div[data-v-7e84326a]{padding:0 .75rem}.editor-panel textarea[data-v-7e84326a]{flex:1;resize:none;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;background:var(--bg-primary);color:var(--text-primary);border:none;outline:none}.editor-panel textarea[data-v-7e84326a]::placeholder{color:var(--text-muted)}@media(max-width:768px){.editor-container[data-v-7e84326a]{flex-direction:column}.header[data-v-7e84326a]{flex-direction:column;align-items:flex-start}.error-msg[data-v-7e84326a]{max-width:150px}.editor-panel+.editor-panel[data-v-7e84326a]{border-left:none;border-top:1px solid var(--border-color)}}