@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-dark:#0f111a;--bg-card:#1a1d27;--bg-input:#21232c;--border-subtle:#ffffff1a;--border-focus:#53b1fd;--text-primary:#f0f1f3;--text-secondary:#9499ad;--accent-primary:#53b1fd;--accent-success:#22c55e;--accent-warning:#f59e0b;--accent-error:#ef4444;--glass-bg:#1a1d27b3;--glass-border:#ffffff14;--shadow-premium:0 10px 30px -10px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}pre,code{font-family:JetBrains Mono,monospace}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3d404d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4d5162}.split-view{height:100vh;display:flex;overflow:hidden}.pane{flex-direction:column;flex:1;display:flex;overflow:hidden}.pane-header{border-bottom:1px solid var(--border-subtle);height:48px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#0003;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:flex}.fade-in{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.form-section{border-bottom:1px solid var(--border-subtle);padding:24px 0}.form-label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:8px;font-weight:500;display:flex}.help-text{color:var(--text-secondary);margin-bottom:12px;font-size:12px}.input-base{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 12px;transition:all .2s}.input-base:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #53b1fd33}.editor-textarea:focus{outline:none}.editor-pre{pointer-events:none}.light-mode{--bg-dark:#f4f5f7;--bg-card:#fff;--bg-input:#f0f1f3;--border-subtle:#0000001a;--border-focus:#3b82f6;--text-primary:#1a1d27;--text-secondary:#6b7280;--accent-primary:#3b82f6;--accent-success:#16a34a;--accent-warning:#d97706;--accent-error:#dc2626;--glass-bg:#ffffffd9;--glass-border:#00000014;--shadow-premium:0 4px 16px -4px #00000026}.light-mode body,.light-mode{background:var(--bg-dark);color:var(--text-primary)}.nav-icon{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.nav-icon:hover{background:#ffffff14}.light-mode .nav-icon:hover{background:#0000000f}.nav-icon.active{background:#53b1fd26}