:root{--bg: #15130f;--bg-raised: #1d1a14;--bg-inset: #100e0b;--border: #2e2a21;--text: #d8d4cc;--text-dim: #8c8678;--moss: #8fb573;--moss-deep: #5c7a45;--ochre: #c9b458;--red: #c97a6d}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font:14px/1.5 -apple-system,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:.4rem .9rem;transition:border-color .15s,background .15s}button:hover:not(:disabled){border-color:var(--moss-deep)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--moss-deep);border-color:var(--moss-deep);color:#f0eee6;font-weight:600}button.primary:hover:not(:disabled){background:#6b8c52}button.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}button.ghost:hover:not(:disabled){color:var(--text);border-color:var(--border)}button.small{padding:.15rem .6rem;font-size:.85em}input,select{background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;padding:.45rem .7rem}input:focus,select:focus{outline:none;border-color:var(--moss-deep)}label{font-size:.85em;color:var(--text-dim)}.muted{color:var(--text-dim)}.small{font-size:.85em}.pad{padding:1rem}.spacer{flex:1}.row{display:flex;gap:.6rem;justify-content:flex-end}.center-screen{height:100%;display:grid;place-items:center}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:2rem}.auth-card{width:340px;display:flex;flex-direction:column;gap:.7rem}.brand{text-align:center;margin-bottom:.6rem}.brand h1{margin:.2rem 0 0;font-size:1.5rem;letter-spacing:.04em;font-weight:600}.brand p{margin:.15rem 0 0;font-size:.82em}.brand-mark{font-size:1.8rem;color:var(--moss)}.brand-mark.small{font-size:1.15rem}.brand-logo{width:5rem;height:2.5rem;object-fit:contain}.brand-logo.small{width:3rem;height:1.5rem}.notice{background:#2c3325;border:1px solid var(--moss-deep);border-radius:6px;padding:.5rem .8rem;font-size:.9em}.error{color:var(--red);font-size:.9em}.workspace{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.8rem;padding:.55rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-raised)}.pr-link{color:var(--moss);text-decoration:none;font-weight:600}.error-bar{background:#3a2622;color:var(--red);padding:.45rem 1rem;cursor:pointer}.panes{flex:1;display:grid;grid-template-columns:240px minmax(0,1fr) minmax(0,1fr);min-height:0}.file-tree{border-right:1px solid var(--border);overflow-y:auto;padding:.5rem 0;background:var(--bg-inset)}.tree-level{list-style:none;margin:0;padding:0}.tree-file,.tree-folder{display:block;width:100%;text-align:left;background:none;border:none;border-radius:0;padding:.22rem .8rem;font-size:.92em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-file:hover,.tree-folder:hover{color:var(--text);background:#ffffff08}.tree-file.selected{color:var(--moss);background:#2c332533}.tree-folder{color:var(--text)}.chev{display:inline-block;transition:transform .12s;color:var(--text-dim)}.chev.open{transform:rotate(90deg)}.editor-pane,.preview-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.editor-pane{border-right:1px solid var(--border)}.pane-title{display:flex;align-items:center;gap:.5rem;justify-content:space-between;padding:.4rem 1rem;font-size:.8em;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--bg-raised)}.dirty-dot{width:8px;height:8px;border-radius:50%;background:var(--ochre)}.editor-host{flex:1;overflow:auto}.editor-host .cm-editor{height:100%}.preview-frame{flex:1;border:none;background:var(--bg)}.empty-state{flex:1;display:grid;place-content:center;text-align:center}.modal-backdrop{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:10}.modal{width:420px;display:flex;flex-direction:column;gap:.7rem}.modal h2{margin:0;font-size:1.1rem}