:root{--bg:#0f172a;--panel:#111c33;--panel2:#16243f;--text:#e5eefc;--muted:#93a4bd;--line:#263854;--accent:#4f9cff;--danger:#ff5f6d;--ok:#4ade80}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#08111f,#13223d 55%,#101827);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.topbar{height:92px;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);background:rgba(8,17,31,.8);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:26px}h2{font-size:18px}h3{font-size:15px;margin-bottom:10px}.top-actions,.button-row{display:flex;gap:8px;flex-wrap:wrap}button{border:1px solid var(--line);background:#1a2b49;color:var(--text);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:700}button:hover{filter:brightness(1.12)}button.primary{background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#3b82f6}button.danger{background:#3a1823;border-color:#6b2637;color:#ffd4dc}.app-shell{display:grid;grid-template-columns:340px 1fr;gap:14px;padding:14px}.panel{background:rgba(17,28,51,.92);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.22)}.sidebar{padding:14px;display:flex;flex-direction:column;gap:18px;min-height:calc(100vh - 136px)}section{display:block}.dropzone{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;margin-top:10px;border:1px dashed #50709e;border-radius:14px;min-height:110px;background:#0e1b31;cursor:pointer}.dropzone span{font-weight:800}.dropzone small,.panel p,.meta-grid span{color:var(--muted)}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.meta-grid div{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px}.meta-grid strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.input{width:100%;border:1px solid var(--line);border-radius:10px;background:#0b1527;color:var(--text);padding:10px;margin-top:10px}.file-tree{margin-top:10px;max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#0b1527;padding:8px}.file-tree.empty{color:var(--muted);padding:18px}.file-item{display:block;width:100%;text-align:left;border:0;background:transparent;padding:7px 8px;border-radius:8px;font-family:ui-monospace,Consolas,monospace;font-weight:500}.file-item:hover,.file-item.active{background:#1b355d}.workspace{min-width:0}.tabs{display:flex;gap:8px;margin-bottom:10px;overflow:auto}.tabs button{border-radius:999px}.tabs button.active{background:#e5eefc;color:#0f172a}.tab{display:none;padding:14px;min-height:calc(100vh - 150px)}.tab.active{display:block}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}#editorBox,#noteInput,#handoffPrompt{width:100%;min-height:65vh;background:#07101f;color:#e5eefc;border:1px solid var(--line);border-radius:14px;padding:14px;font-family:ui-monospace,Consolas,monospace;font-size:14px;line-height:1.5;resize:vertical}#noteInput{min-height:180px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notes-list{display:flex;flex-direction:column;gap:10px}.note{background:#0b1527;border:1px solid var(--line);border-radius:12px;padding:12px;white-space:pre-wrap}.kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:10px 0 14px}.stage{background:#0b1527;border:1px solid var(--line);border-radius:12px;padding:12px;min-height:130px}.stage.current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.stage.done{border-color:rgba(74,222,128,.7)}.stage b{display:block;margin-bottom:8px}.stage small{color:var(--muted)}.two-col,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid{grid-template-columns:repeat(3,1fr)}.card{background:#0b1527;border:1px solid var(--line);border-radius:14px;padding:14px}.card label{display:block;margin:9px 0;color:#d8e5f7}.card pre{white-space:pre-wrap;color:#c8d6e8}.footer{display:flex;justify-content:space-between;gap:10px;padding:10px 18px;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.topbar{height:auto;align-items:flex-start;gap:12px;flex-direction:column}.note-grid,.two-col,.settings-grid,.kanban{grid-template-columns:1fr}.tab{min-height:auto}}
.review-box{margin-top:14px;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.04)}
.review-box h3{margin:0 0 8px}.hidden{display:none!important}.wide{grid-column:1/-1}.success{border-color:rgba(67,222,141,.55);background:rgba(67,222,141,.08)}
.install-panel code{display:inline-block;margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.22);border:1px solid var(--border)}
#cloudStatusBox{white-space:pre-wrap;max-height:220px;overflow:auto}.top-actions{gap:8px;flex-wrap:wrap}.button-row{gap:8px;flex-wrap:wrap}