:root{--bg: #0a0a0a;--bg-surface: #111;--border: #333;--border-active: #4ec9b0;--text: #ccc;--text-muted: #555;--text-bright: #eee;--accent: #4ec9b0;--error: #f44;--font: "SF Mono", "Cascadia Code", "JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:13px;line-height:1.5;background:var(--bg);color:var(--text);overflow:hidden}.terminal{height:100vh;display:flex;flex-direction:column}.titlebar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;white-space:nowrap}.titlebar-title{color:var(--accent);font-weight:700;letter-spacing:.05em}.titlebar-sep{color:var(--border)}.titlebar-field{display:flex;align-items:center;gap:6px;cursor:default}.titlebar-field .label{color:var(--text-muted)}.titlebar-field input,.titlebar-field select{font-family:var(--font);font-size:13px;background:var(--bg);color:var(--text-bright);border:1px solid var(--border);padding:2px 6px;outline:none}.titlebar-field input:focus,.titlebar-field select:focus{border-color:var(--accent)}.titlebar-field input{width:160px}.titlebar-field select{cursor:pointer}#toggle-password{font-family:var(--font);font-size:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0}#toggle-password:hover{color:var(--text)}.panels{flex:1;display:flex;min-height:0}.pane{flex:1;display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-top:none}.pane.active{border-color:var(--border-active)}.pane.active .pane-header{color:var(--accent);border-bottom-color:var(--border-active)}.pane-header{padding:4px 12px;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0;font-size:12px;letter-spacing:.1em}.editor{flex:1;position:relative;min-height:0;background:var(--bg)}.editor pre,.editor textarea{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:8px 12px;font-family:var(--font);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;overflow-y:auto;overflow-x:hidden;border:none;outline:none;resize:none;background:transparent}.editor textarea{color:transparent;caret-color:var(--text-bright);-webkit-text-fill-color:transparent;z-index:1}.editor textarea::placeholder{-webkit-text-fill-color:var(--text-muted);color:var(--text-muted)}.editor pre{pointer-events:none;z-index:0;color:var(--text)}.editor pre .meta{color:var(--text-muted)}.pane-footer{padding:0 12px;height:20px;flex-shrink:0;display:flex;align-items:center;border-top:1px solid var(--border)}.error{color:var(--error);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gutter{width:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);font-size:14px;border-top:none;border-bottom:none;background:var(--bg-surface)}.statusbar{display:flex;align-items:center;gap:12px;padding:4px 12px;background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0;font-size:12px;color:var(--text-muted)}#status-text{color:var(--accent)}.statusbar .sep{color:var(--border)}.statusbar a{color:var(--text-muted);text-decoration:none}.statusbar a:hover{color:var(--text)}#help-toggle{font-family:var(--font);font-size:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0}#help-toggle:hover{color:var(--text)}.about-link{color:var(--accent);text-decoration:none;font-weight:700}.about-link:hover{text-decoration:underline}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:10;display:flex;align-items:center;justify-content:center;padding:2rem}.help-overlay.hidden{display:none}.help-panel{max-width:600px;width:100%;border:1px solid var(--border);background:var(--bg)}.help-title{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border);color:var(--accent);font-size:12px;letter-spacing:.1em}.help-title button{font-family:var(--font);font-size:12px;background:none;border:none;color:var(--text-muted);cursor:pointer}.help-title button:hover{color:var(--text)}.help-body{padding:12px;max-height:70vh;overflow-y:auto;color:var(--text);line-height:1.6}.help-body strong{color:var(--accent)}.help-body pre{background:var(--bg-surface);border:1px solid var(--border);padding:8px;margin:4px 0;font-size:12px;overflow-x:auto;color:var(--text-muted)}@media(max-width:768px){.panels{flex-direction:column}.gutter{width:auto;height:24px;border-left:none;border-right:none}.titlebar{flex-wrap:wrap;gap:4px 8px}.titlebar-field input{width:120px}.help-overlay{padding:1rem}}