:root{--bg: #0c0c0c;--bg-panel: #111111;--bg-raised: #181818;--fg: #ddd8cf;--fg-dim: #6a6660;--fg-muted: #3a3836;--border: #252321;--border-hi: #4a4644;--inv-bg: #ddd8cf;--inv-fg: #0c0c0c;--err: #c0392b;--ok: #4a7c5a;--font: "JetBrains Mono", "Courier New", Courier, monospace;--radius: 0px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);height:100vh;overflow:hidden;font-size:13px;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;gap:16px;padding:0 20px;height:40px;background:var(--bg);border-bottom:1px solid var(--border-hi);flex-shrink:0;letter-spacing:.06em}.app-logo{font-size:.75rem;font-weight:700;color:var(--fg);letter-spacing:.2em;text-transform:uppercase;padding-right:16px;border-right:1px solid var(--border-hi)}.status-badge{margin-left:auto;font-size:.68rem;color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase}.status-badge[data-status=loading]{color:var(--fg-dim)}.status-badge[data-status=error]{color:var(--err)}.status-badge[data-status=ok]{color:var(--ok)}.app-main{display:flex;flex:1;overflow:hidden}.editor-panel{display:flex;flex-direction:column;width:40%;min-width:260px;border-right:1px solid var(--border-hi);background:var(--bg-panel)}.editor-toolbar{display:flex;gap:4px;padding:5px 8px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg)}.editor-toolbar button{font-family:var(--font);font-size:.68rem;padding:3px 8px;border:1px solid var(--fg-muted);background:transparent;color:var(--fg-dim);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:border-color .1s,color .1s}.editor-toolbar button:hover{border-color:var(--border-hi);color:var(--fg)}.editor-toolbar button:active{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}.editor-textarea{flex:1;resize:none;border:none;outline:none;padding:16px 14px;font-family:var(--font);font-size:.78rem;line-height:1.75;background:transparent;color:var(--fg);-moz-tab-size:2;tab-size:2;caret-color:var(--fg)}.editor-textarea::selection{background:var(--border-hi)}.preview-panel{flex:1;display:flex;flex-direction:column;background:var(--bg);position:relative}.preview-iframe{flex:1;border:none;width:100%}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;z-index:10;pointer-events:none}.preview-loading{color:var(--fg-dim)}.preview-error{color:var(--err);padding:24px;text-align:center}.slide-nav{display:flex;align-items:center;justify-content:center;gap:20px;padding:6px;border-top:1px solid var(--border);font-size:.72rem;color:var(--fg-dim);letter-spacing:.1em;flex-shrink:0;position:relative;z-index:10;background:var(--bg)}.slide-nav button{font-family:var(--font);background:none;border:1px solid var(--fg-muted);color:var(--fg-dim);padding:2px 10px;cursor:pointer;font-size:.82rem;transition:border-color .1s,color .1s}.slide-nav button:hover:not(:disabled){border-color:var(--border-hi);color:var(--fg)}.slide-nav button:disabled{opacity:.2;cursor:default}.export-bar{display:flex;align-items:center;gap:6px}.export-label{font-size:.65rem;color:var(--fg-dim);letter-spacing:.14em;text-transform:uppercase;margin-right:4px}.btn-export{font-family:var(--font);font-size:.65rem;padding:3px 9px;border:1px solid var(--fg-muted);background:transparent;color:var(--fg-dim);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:border-color .1s,color .1s}.btn-export:hover:not(:disabled){border-color:var(--border-hi);color:var(--fg)}.btn-export:disabled{opacity:.2;cursor:default}.export-error{font-size:.65rem;color:var(--err);letter-spacing:.08em;margin-left:8px}