:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#1a1a2e;--paper:#f7f7f5;--panel:#efefeb;--muted:#6b6b7a;--accent:#4f46e5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--ink:#e8e8ef;--paper:#14141c;--panel:#1d1d28;--muted:#9a9aad}}:root[data-theme=dark]{--ink:#e8e8ef;--paper:#14141c;--panel:#1d1d28;--muted:#9a9aad}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.app{grid-template-columns:240px 1fr;height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid color-mix(in srgb, var(--muted) 25%, transparent);flex-direction:column;min-height:0;display:flex}.sidebar-header{justify-content:space-between;align-items:center;padding:.75rem .9rem;display:flex}.brand{letter-spacing:-.01em;font-weight:700}.header-actions{align-items:center;gap:.4rem;display:flex}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .35rem;font-size:1rem}.icon-btn:hover{background:color-mix(in srgb, var(--muted) 18%, transparent)}.new-doc{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:.25rem .6rem;font-size:.85rem}.new-doc:hover{background:var(--accent);color:#fff}.doc-list{margin:0;padding:.25rem;list-style:none;overflow-y:auto}.doc-list li{cursor:pointer;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .55rem;font-size:.92rem;display:flex}.doc-list li:hover{background:color-mix(in srgb, var(--muted) 18%, transparent)}.doc-list li.active{background:var(--accent);color:#fff}.item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.item-actions{gap:.1rem;display:none}.doc-list li:hover .item-actions,.doc-list li.active .item-actions{display:inline-flex}.item-actions button{color:inherit;cursor:pointer;opacity:.75;background:0 0;border:none;border-radius:4px;padding:0 .25rem;font-size:.85rem}.item-actions button:hover{opacity:1;background:color-mix(in srgb, var(--ink) 15%, transparent)}.overlay{z-index:50;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.overlay.hidden{display:none}.panel{background:var(--paper);width:min(26rem,100vw - 2rem);color:var(--ink);border:1px solid color-mix(in srgb, var(--muted) 30%, transparent);border-radius:12px;flex-direction:column;gap:.7rem;padding:1.1rem 1.2rem;display:flex}.panel-header{justify-content:space-between;align-items:center;display:flex}.field{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.field input{font:inherit;color:var(--ink);background:var(--panel);border:1px solid color-mix(in srgb, var(--muted) 40%, transparent);border-radius:6px;padding:.4rem .6rem}.panel-row{gap:.5rem;display:flex}.gh-status{min-height:1.2em;color:var(--accent);margin:0;font-size:.88rem}.gh-note{color:var(--muted);margin:0;font-size:.78rem}.hidden{display:none!important}.gh-push-review{flex-direction:column;gap:.4rem;display:flex}.gh-file-list{background:var(--panel);border-radius:6px;max-height:8rem;margin:0;padding:.4rem .6rem;font-family:Cascadia Code,Consolas,monospace;font-size:.82rem;list-style:none;overflow-y:auto}.sidebar-footer{border-top:1px solid color-mix(in srgb, var(--muted) 25%, transparent);flex-wrap:wrap;gap:.3rem;margin-top:auto;padding:.5rem;display:flex}.tool-btn{border:1px solid color-mix(in srgb, var(--muted) 40%, transparent);color:var(--ink);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:.25rem .5rem;font-size:.8rem}.tool-btn:hover{border-color:var(--accent);color:var(--accent)}.workarea{grid-template-columns:1fr 1fr;height:100vh;min-height:0;display:grid}@media print{.sidebar,.editor-host{display:none}.app,.workarea{height:auto;display:block}.preview{height:auto;padding:0;overflow:visible}body{color:#000;background:#fff}}.editor-host{border-right:1px solid color-mix(in srgb, var(--muted) 25%, transparent);min-height:0;overflow:hidden}.editor-host .cm-editor{background:var(--paper);height:100%}.editor-host .cm-editor.cm-focused{outline:none}.editor-host .cm-scroller{font-family:Cascadia Code,Consolas,Courier New,monospace;line-height:1.7}.preview{min-height:0;padding:1.5rem 2rem;overflow-y:auto}.preview h1,.preview h2,.preview h3{letter-spacing:-.01em;border-bottom:1px solid color-mix(in srgb, var(--muted) 20%, transparent);padding-bottom:.2em}.preview code{background:var(--panel);border-radius:4px;padding:.1em .35em;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:.9em}.preview pre{background:var(--panel);border-radius:8px;padding:.9rem 1rem;overflow-x:auto}.preview pre code{background:0 0;padding:0}.preview img{border-radius:8px;max-width:100%}.preview a{color:var(--accent)}.mobile-bar,.backdrop{display:none}@media (width<=900px){.mobile-bar{background:var(--panel);border-bottom:1px solid color-mix(in srgb, var(--muted) 25%, transparent);justify-content:space-between;align-items:center;padding:.3rem .6rem;display:flex}.mobile-tabs{gap:.25rem;display:flex}.mobile-tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .7rem;font-size:.9rem}.mobile-tab.active{background:var(--accent);color:#fff}.backdrop{opacity:0;pointer-events:none;z-index:25;background:#0006;transition:opacity .15s;display:block;position:fixed;inset:0}body.sidebar-open .backdrop{opacity:1;pointer-events:auto}.app{grid-template-columns:1fr;height:calc(100vh - 2.6rem)}.sidebar{z-index:30;width:260px;transition:transform .15s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}body.sidebar-open .sidebar{transform:translate(0)}.workarea{grid-template-columns:1fr}body.show-preview .editor-host,body:not(.show-preview) .preview{display:none}}
