:root{--control:#f0ac3e;--control-line:#cf8b17;--control-dark:#c68a30;--motion:#5e94f7;--motion-line:#3a6fd0;--bg:#f4f5f8;--panel:#fff;--ink:#1d2230;--muted:#687087;--line:#dfe2ea;--accent:#3a6fd0;--danger:#c43d3d;--warn-bg:#fff4dc;--warn-ink:#7a5300;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:.4em .8em}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){filter:brightness(1.08)}input{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:0;padding:.35em .55em}input:focus{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:0;border-color:var(--accent)}.bar{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:.6em;padding:.55em 1em;display:flex;position:sticky;top:0}.bar .logo{color:var(--control-line);white-space:nowrap;font-weight:700;text-decoration:none}.bar .grow{flex:1}.bar #name{width:min(26em,40vw);font-size:1.05em;font-weight:600}.bar #saved{color:var(--muted);min-width:6em;font-size:.85em}.home{max-width:980px;margin:0 auto;padding:1.5em 1em 4em}.home h1{margin:.2em 0 .6em;font-size:1.5em}.home h2{color:var(--muted);margin:2em 0 .6em;font-size:1.1em;font-weight:600}.home .actions{flex-wrap:wrap;gap:.6em;margin-bottom:1em;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8em;display:grid}.pcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.5em;padding:.9em 1em;display:flex}.pcard a.open{color:var(--ink);font-size:1.05em;font-weight:600;text-decoration:none}.pcard a.open:hover{color:var(--accent)}.pcard .meta{color:var(--muted);font-size:.85em}.pcard .row{flex-wrap:wrap;gap:.4em;display:flex}.pcard .row button{padding:.25em .6em;font-size:.85em}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:12px;padding:1.5em}.editor{grid-template-columns:220px minmax(380px,520px) 1fr;gap:0;height:calc(100vh - 53px);display:grid}.editor>section{padding:1em;overflow:auto}.editor>section+section{border-left:1px solid var(--line)}.col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .6em;font-size:.8em;font-weight:600}#slides{flex-direction:column;gap:.35em;margin:0 0 .8em;padding:0;list-style:none;display:flex}#slides li{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:.1em .5em;padding:.45em .55em;display:grid}#slides li.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}#slides .num{color:var(--accent);font-weight:700}#slides .sum{white-space:nowrap;text-overflow:ellipsis;font-size:.9em;overflow:hidden}#slides .tools{grid-column:1/-1;gap:.2em;display:none}#slides li.on .tools,#slides li:hover .tools{display:flex}#add-slide{width:100%}.banner-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:1em;padding:.7em .8em}.banner-box .radios{flex-wrap:wrap;align-items:center;gap:1em;margin-bottom:.4em;display:flex}.banner-box input.wide{width:100%;margin-top:.2em}.hint{color:var(--muted);margin:.35em 0 0;font-size:.82em}.thumb{align-items:center;gap:.8em;margin-top:.3em;display:flex}.thumb img{border:1px solid var(--line);border-radius:6px;max-width:200px;max-height:70px}.figure-note{color:var(--muted);margin-top:.5em;font-size:.85em}.list{flex-direction:column;gap:4px;display:flex}.node{color:#fff;border-radius:8px}.node .row{align-items:center;gap:.4em;padding:.35em .45em;display:flex}.node .row>span{white-space:nowrap}.node .grow{flex:1}.node input{color:var(--ink)}.node input.grow{min-width:6em}.node.blue{background:var(--motion);border:1px solid var(--motion-line)}.node.orange{background:var(--control);border:1px solid var(--control-line)}.node.bad{background:var(--danger);border:1px solid #8f2626}.node .row.head,.node .row.arm{font-weight:600}.node .row.arm{padding-top:.15em;padding-bottom:.15em}.node .note{opacity:.85;font-size:.8em;font-weight:400}.node input.oval{text-align:center;border-radius:2em;width:4.5em}.node input.hex{background:var(--control-dark);color:#fff;border-color:var(--control-line);flex:1;min-width:6em}.node input.hex::placeholder{color:#ffffffb3}.node .slot{background:var(--bg);border-radius:0 6px 6px 0;min-height:2em;margin-left:1.3em;padding:4px 4px 4px 0}.node .foot{height:12px}.node .kind{opacity:.9;font-size:.8em}.node .tools{gap:2px;margin-left:auto;display:flex}.node .tools button{color:#fff;background:#ffffff2e;border:0;border-radius:5px;padding:.05em .4em;font-size:.9em}.node .tools button:hover:not(:disabled){background:#ffffff59}button.pick{background:#cfe6f5;border:2px solid #ffffffb3;border-radius:6px;flex:none;width:40px;height:40px;padding:0;overflow:hidden}button.pick img{object-fit:cover;width:100%;height:100%;display:block}.list>button.add{color:var(--muted);background:0 0;border:1px dashed #b7bdcc;align-self:flex-start;padding:.25em .7em;font-size:.88em}.list.top>button.add{margin-top:.4em;font-size:.95em}.menu{background:var(--panel);border:1px solid var(--line);z-index:3;border-radius:10px;flex-direction:column;align-self:flex-start;gap:4px;min-width:15em;padding:6px;display:flex;box-shadow:0 6px 24px #141e3c2e}.menu button{text-align:left;color:#fff;border:0}.menu button.blue{background:var(--motion)}.menu button.orange{background:var(--control)}.menu button.paste{background:var(--panel);color:var(--ink);border:1px dashed var(--muted)}#problems{color:var(--danger);padding-left:1.2em;font-size:.88em}.preview-col{flex-direction:column;gap:.6em;display:flex}.preview-col .tools{align-items:center;gap:.6em;display:flex}#preview{aspect-ratio:16/9;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;max-height:calc(100vh - 160px);position:relative;overflow:hidden}#preview iframe{visibility:hidden;border:0;width:100%;height:100%;position:absolute;inset:0}#preview iframe.live{visibility:visible}#fit-warn{background:var(--warn-bg);color:var(--warn-ink);border-radius:8px;margin:0;padding:.5em .7em;font-size:.88em}dialog#picker{border:0;border-radius:14px;width:min(860px,94vw);max-height:88vh;padding:1em;box-shadow:0 20px 60px #00000040}dialog#picker::backdrop{background:#14192873}.picker-head{gap:.6em;margin-bottom:.8em;display:flex}.picker-head input{flex:1;font-size:1.05em}#picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6em;max-height:68vh;display:grid;overflow:auto}#picker-grid .card{text-align:left;border-radius:10px;flex-direction:column;padding:0;display:flex;overflow:hidden}#picker-grid .card img{aspect-ratio:1;object-fit:cover;background:#cfe6f5;width:100%;display:block}#picker-grid .card span{padding:.4em .5em;font-size:.85em}@media (width<=1100px){.editor{grid-template-columns:180px 1fr;height:auto}.editor>section.preview-col{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}}