:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #38bdf8;--accent-hover: #0ea5e9;--border: #334155;--error: #ef4444;--success: #22c55e}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--accent: #0284c7;--accent-hover: #0369a1;--border: #e2e8f0;--error: #dc2626;--success: #16a34a}[data-theme=space]{--bg-primary: #0b0d17;--bg-secondary: #15192b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent: #d946ef;--accent-hover: #c026d3;--border: #1e293b;--error: #ef4444;--success: #22c55e}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.title{font-size:1.25rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.5rem}.toolbar{display:flex;gap:.5rem}.btn{background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn:hover{background-color:var(--border);color:var(--text-primary)}.btn-primary{background-color:var(--accent);color:#0f172a;border-color:var(--accent)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.main-content{display:flex;overflow:hidden;height:calc(100vh - 100px);min-height:400px}.pane{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0}.pane:last-child{border-right:none}.pane-header{height:40px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1rem;gap:.5rem;font-weight:500;font-size:.9rem;flex-shrink:0}.editor-container{flex:1;position:relative;overflow:hidden}.footer{height:30px;background-color:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.tabs{display:flex;gap:2px;height:100%}.tab{padding:0 1rem;height:100%;display:flex;align-items:center;gap:.5rem;cursor:pointer;border-bottom:2px solid transparent;color:var(--text-secondary);transition:all .2s;background:none;border:none;font-family:inherit;font-size:.9rem}.tab:hover{color:var(--text-primary);background-color:#ffffff0d}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.error-toast{position:fixed;bottom:40px;right:20px;background-color:var(--error);color:#fff;padding:.75rem 1rem;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-size:.875rem;font-weight:500;z-index:50;animation:slideIn .3s ease-out}.pane-status-bar{height:24px;background-color:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;font-size:.75rem;color:var(--text-secondary);flex-shrink:0}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;width:90%;max-width:400px;box-shadow:0 10px 15px -3px #0000001a;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.form-input,.form-textarea{width:100%;padding:.5rem;border-radius:4px;border:1px solid var(--border);background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.875rem}.form-textarea{min-height:100px;resize:vertical}.form-error{color:var(--error);font-size:.75rem;margin-top:.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.footer-link{color:var(--text-secondary);text-decoration:none;cursor:pointer;margin-left:.5rem;font-weight:500}.footer-link:hover{color:var(--accent);text-decoration:underline}.content-section{background-color:var(--bg-primary);border-top:1px solid var(--border);padding:3rem 1.5rem;color:var(--text-primary)}.content-container{max-width:800px;margin:0 auto}.content-container h2{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:var(--accent)}.content-container h2:first-child{margin-top:0}.content-container p{line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem}.content-container ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.5rem;color:var(--text-secondary)}.content-container li{margin-bottom:.5rem;line-height:1.5}.faq-item{margin-bottom:1.5rem}.faq-question{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.faq-answer{color:var(--text-secondary);line-height:1.6}.content-link{color:var(--accent);text-decoration:none}.content-link:hover{text-decoration:underline}