:root{--bg: #f5f2ea;--bg-strong: #eae3d2;--ink: #1f2a1f;--muted: #4e5b51;--accent: #2d5a46;--accent-2: #c96224;--danger: #8a1f1f;--ring-trunk: #2d5a46;--ring-branch: #7d8f73;--ring-twig: #bdc6a2;--node-trunk: #234233;--node-branch: #4f755d;--node-twig: #8aa37f}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Trebuchet MS,Gill Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0%,#f8f5ef,transparent 35%),radial-gradient(circle at 80% 100%,#e5dcc8,transparent 30%),linear-gradient(130deg,#f6f1e8,#eee4cf 45%,#e6dbc3);min-height:100vh}.app{max-width:1440px;margin:0 auto;padding:1rem}header{padding:.7rem .8rem}h1{margin:0;font-size:clamp(2rem,5vw,3rem);letter-spacing:.03em;text-transform:uppercase}h2,h3,h4{margin-top:0}p{margin-top:.4rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.panel,.drawer{background:color-mix(in srgb,white 64%,var(--bg-strong));border:1px solid #c5bba7;border-radius:16px;padding:.9rem;box-shadow:0 14px 30px #272d271a}.wide{grid-column:span 2}label{display:block;margin-bottom:.6rem;font-weight:600;color:var(--muted)}input,select,textarea,button{width:100%;margin-top:.2rem;border-radius:10px;border:1px solid #cbbda8;padding:.55rem .7rem;font:inherit}textarea{resize:vertical}button{cursor:pointer;background:linear-gradient(120deg,var(--accent),#264839);color:#f4f7f2;border-color:#1e362b;transition:transform .15s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #223f324d}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.status{font-weight:600}.version-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.version-list button{text-align:left;background:#efeadf;color:var(--ink)}.version-list button.active{background:#dad0be}.loom-shell{overflow:auto;border:1px solid #c8bda8;border-radius:12px;background:#f6f2e9}.loom-canvas{width:100%;min-height:500px}.ring{fill:none;stroke-dasharray:4 6}.trunk-ring{stroke:var(--ring-trunk)}.branch-ring{stroke:var(--ring-branch)}.twig-ring{stroke:var(--ring-twig)}.graph-edge{stroke-width:2;opacity:.7}.edge-support{stroke:#3e7a59}.edge-conflict{stroke:var(--danger)}.edge-thread{stroke-dasharray:6 4}.graph-node{stroke:#f2eee2;stroke-width:2}.graph-node.trunk{fill:var(--node-trunk)}.graph-node.branch{fill:var(--node-branch)}.graph-node.twig{fill:var(--node-twig)}.graph-node.crossing{stroke:var(--accent-2);stroke-width:3}.node-label{font-size:11px;fill:var(--ink)}.split-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.card{border:1px solid #cdbfa9;border-radius:10px;padding:.55rem;background:#f7f2e8;margin-bottom:.5rem}.card.discarded{border-color:#d89f7f}.cards,.demo-card{margin-top:.8rem}.demo-meta{margin-top:.6rem;border:1px dashed #c7b69f;border-radius:10px;background:#f2ecdd;padding:.5rem}.demo-meta p{margin:.2rem 0}.inline-actions{display:flex;gap:.5rem}.inline-actions button{width:auto;flex:1}.topic-demo{margin-bottom:1rem}.topic-suggestion{margin-top:.8rem}.topic-grid{margin-top:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.topic-column{margin-bottom:0}.topic-item{margin:.35rem 0 0;border-top:1px dashed #d3c5af;padding-top:.35rem}.topic-ranking{margin-bottom:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.ghost-button{width:auto;background:#efeadf;color:var(--ink);border-color:#cbbda8}.alert{color:var(--danger);font-weight:600}.muted{color:var(--muted)}@media(max-width:960px){.wide{grid-column:span 1}}