:root{--ink: #14232e;--ink-soft: #47606f;--sea: #0e7490;--sea-deep: #155e75;--paper: #ffffff;--sand: #f7f5f0;--line: #e3ded4;--danger: #b4232a;--ok: #1a7f4b;--radius: 8px}*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--sand);color:var(--ink);line-height:1.5;font-size:15px}#root{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--paper);border-bottom:1px solid var(--line);padding:.7rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.topbar .brand{font-weight:700;color:var(--ink);text-decoration:none}.topbar .brand span{color:var(--sea)}.topbar .who{color:var(--ink-soft);font-size:.85rem;display:flex;gap:.75rem;align-items:center}main.panel{max-width:60rem;width:100%;margin:0 auto;padding:1.5rem 1.25rem 4rem}h1{font-size:1.35rem;margin-bottom:1rem}h2{font-size:1.05rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem}.card.link{display:block;text-decoration:none;color:inherit}.card.link:hover{border-color:var(--sea)}.card .meta{color:var(--ink-soft);font-size:.85rem}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stack{display:flex;flex-direction:column;gap:.5rem}button,.btn{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--radius);padding:.45rem .9rem;cursor:pointer}button:hover{border-color:var(--sea)}button.primary{background:var(--sea);border-color:var(--sea);color:#fff}button.primary:hover{background:var(--sea-deep)}button.subtle{border-color:transparent;color:var(--ink-soft)}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}label.field{display:block;margin-bottom:.75rem}label.field .name{display:block;font-size:.8rem;color:var(--ink-soft);margin-bottom:.2rem}input,textarea,select{font:inherit;width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:.45rem .6rem;background:var(--paper);color:var(--ink)}textarea{min-height:5.5rem;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--sea);outline-offset:0;border-color:var(--sea)}.block-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-bottom:.75rem}.block-card.flash{outline:2px solid var(--sea);outline-offset:1px;transition:outline-color .2s}.block-card header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .9rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--sand) 55%,var(--paper));border-radius:var(--radius) var(--radius) 0 0}.block-card header .type{font-size:.8rem;font-weight:600;color:var(--sea-deep);text-transform:uppercase;letter-spacing:.04em}.block-card header .tools{display:flex;gap:.25rem}.block-card header .tools button{padding:.15rem .5rem;font-size:.85rem}.block-card .body{padding:.9rem}.status{font-size:.85rem}.status.dirty{color:var(--danger)}.status.clean{color:var(--ok)}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:.55rem 1.1rem;border-radius:999px;font-size:.9rem}.center{text-align:center;padding:4rem 1rem;color:var(--ink-soft)}main.panel:has(.editor-grid){max-width:96rem}.editor-grid{display:grid;grid-template-columns:minmax(24rem,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}.preview-pane{width:100%;height:calc(100vh - 7.5rem);border:1px solid var(--line);border-radius:var(--radius);background:#fff;position:sticky;top:1rem}@media(max-width:64rem){.editor-grid{grid-template-columns:1fr}.preview-pane{height:30rem;position:static}}