:root{--ink: #2d2a26;--ink-soft: #55504a;--mist: #8a837a;--paper: #f7f4ef;--card: #fffdfa;--line: #e4ddd2;--accent: #3f6f63;--accent-soft: #e8f0ed;--danger: #9a3d34;--ok: #3f6f63;--radius: 14px;--gap: 16px;--tap: 44px;--font: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--fs-body: clamp(1rem, .96rem + .2vw, 1.0625rem);--fs-title: clamp(1.35rem, 1.1rem + 1.1vw, 1.9rem);--fs-small: .875rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);font-size:var(--fs-body);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.app{max-inline-size:760px;margin-inline:auto;padding:var(--gap);padding-block-end:96px}.topbar{display:flex;align-items:center;gap:12px;min-block-size:var(--tap);margin-block-end:var(--gap)}.topbar h1{font-size:var(--fs-title);font-weight:400;margin:0;flex:1}.muted{color:var(--mist);font-size:var(--fs-small)}button{font:inherit;min-block-size:var(--tap);min-inline-size:var(--tap);padding:10px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.ghost{background:transparent;border-color:transparent}button.danger{color:var(--danger)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px}.card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:start;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-block-size:92px}.card .label{font-size:1.0625rem}.card .blurb{color:var(--mist);font-size:var(--fs-small)}.card .glyph{font-size:1.4rem;line-height:1}.group{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-block-end:14px}.group>h2{font-size:1.0625rem;font-weight:600;margin:0 0 4px}.field{margin-block-start:18px}.field:first-of-type{margin-block-start:8px}.field label{display:block;margin-block-end:6px;font-weight:600}.field .help{color:var(--mist);font-size:var(--fs-small);margin-block-end:6px}input[type=text],input[type=number],textarea{font:inherit;inline-size:100%;min-block-size:var(--tap);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}textarea{min-block-size:120px;resize:vertical;line-height:1.7}input:focus-visible,textarea:focus-visible{border-color:var(--accent)}.invalid{color:var(--danger);font-size:var(--fs-small);margin-block-start:6px}.switch{display:flex;align-items:center;gap:12px;min-block-size:var(--tap)}.switch input{inline-size:22px;block-size:22px;accent-color:var(--accent)}.tray{position:fixed;inset-block-end:0;inset-inline:0;background:var(--card);border-block-start:1px solid var(--line);padding:12px var(--gap);padding-block-end:max(12px,env(safe-area-inset-bottom))}.tray-inner{max-inline-size:760px;margin-inline:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tray .count{flex:1;min-inline-size:140px}.banner{border-radius:var(--radius);padding:12px 14px;margin-block-end:14px;border:1px solid var(--line);background:var(--accent-soft)}.banner.error{background:#fbecea;border-color:#e7c8c3;color:var(--danger)}.center{min-block-size:70vh;display:grid;place-items:center;text-align:center}.skip{position:absolute;inset-block-start:-60px;inset-inline-start:8px;background:var(--card);padding:10px 14px;border-radius:8px}.skip:focus{inset-block-start:8px}.bar{position:fixed;inset-block-start:0;inset-inline:0;z-index:40;background:var(--card);border-block-end:1px solid var(--line)}.bar-inner{max-inline-size:760px;margin-inline:auto;display:flex;align-items:center;gap:8px;padding:6px 8px;padding-block-start:max(6px,env(safe-area-inset-top))}.bar-button{border:none;background:transparent;font-size:1.25rem;line-height:1}.bar-button.is-empty{visibility:hidden}.bar-title{flex:1;border:none;background:transparent;font-size:1.05rem;font-weight:600;text-align:start;padding-inline:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app{padding-block-start:68px}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:#2d2a2659}.drawer{position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(84vw,320px);background:var(--card);border-inline-start:1px solid var(--line);padding:12px;overflow-y:auto;display:flex;flex-direction:column}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer ul{list-style:none;margin:8px 0;padding:0;flex:1}.drawer li button{inline-size:100%;text-align:start;border:none;background:transparent;border-radius:10px;padding:10px 12px}.drawer li button.is-current{background:var(--accent-soft);font-weight:600}.drawer-foot{border-block-start:1px solid var(--line);padding-block-start:10px}.modal-backdrop{position:fixed;inset:0;z-index:60;background:#2d2a2673;display:grid;place-items:center;padding:12px}.modal{background:var(--card);border-radius:var(--radius);padding:18px;inline-size:min(100%,640px);max-block-size:88vh;overflow-y:auto}.modal.is-small{inline-size:min(100%,420px)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal h2{margin-block-start:0;font-size:1.1rem}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:16px}.picker-tools{display:flex;gap:10px;flex-wrap:wrap;margin-block:12px}.picker-tools input[type=text]{flex:1;min-inline-size:160px}.upload-button,.as-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--tap);padding:10px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer}.upload-button input,.as-button input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.as-button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.wide{inline-size:100%;margin-block-end:14px}.thumbs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:10px}.thumb{inline-size:100%;block-size:100%;padding:6px;display:flex;flex-direction:column;gap:6px}.thumb img{inline-size:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.thumb span{font-size:var(--fs-small);text-align:start}.thumb.is-chosen{border-color:var(--accent);background:var(--accent-soft)}.upload-preview{inline-size:100%;max-block-size:40vh;object-fit:contain;border-radius:10px}.image-field{inline-size:100%;display:flex;align-items:center;gap:12px;text-align:start;padding:10px}.image-field img{inline-size:72px;block-size:72px;object-fit:cover;border-radius:8px}.image-empty{inline-size:72px;block-size:72px;display:grid;place-items:center;background:var(--paper);border-radius:8px;color:var(--mist);font-size:var(--fs-small)}.image-field-text{display:flex;flex-direction:column;gap:2px}.field-label{display:block;font-weight:600;margin-block-end:6px}.gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px}.gallery-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.gallery-card>img{inline-size:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.gallery-alt{margin:8px 0;font-size:var(--fs-small)}.gallery-actions{display:flex;flex-wrap:wrap;gap:6px}.gallery-actions button,.gallery-actions .as-button{font-size:var(--fs-small);padding:8px 10px}.usage{padding-inline-start:1.2rem}.editor{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.editor-tools{position:sticky;inset-block-start:62px;z-index:10;display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--card);border-block-end:1px solid var(--line);border-start-start-radius:var(--radius);border-start-end-radius:var(--radius)}.editor-tools button{min-block-size:38px;padding:6px 12px;font-size:var(--fs-small)}.editor-tools button.is-on{background:var(--accent-soft);border-color:var(--accent)}.tools-sep{inline-size:1px;background:var(--line);margin-inline:4px}.prose-edit{padding:16px;min-block-size:40vh;line-height:1.8;outline:none}.prose-edit:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.prose-edit h2{font-size:1.3rem;font-weight:400;margin-block:1.6rem .6rem}.prose-edit h3{font-size:1.1rem;font-weight:500;margin-block:1.2rem .5rem}.prose-edit p{margin-block:0 1rem}.prose-edit ul,.prose-edit ol{padding-inline-start:1.4rem}.prose-edit em{font-style:normal;font-weight:600}.prose-edit i{font-style:italic}.prose-edit b,.prose-edit strong{font-weight:700}.nv-image,.nv-raw{border:1px dashed var(--line);border-radius:10px;padding:10px;margin-block:14px;background:var(--paper)}.nv-head{display:flex;justify-content:space-between;align-items:center}.nv-controls{display:flex;flex-direction:column;gap:8px;margin-block-start:8px}.nv-raw code{display:block;font-size:var(--fs-small);color:var(--mist);word-break:break-all}.opaque{background:var(--accent-soft);border-radius:4px;padding:0 3px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:8px 12px;font-size:var(--fs-small);border-radius:999px}.chip.is-on{background:var(--accent-soft);border-color:var(--accent);font-weight:600}.doc-switch{margin-block-end:14px}.tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);border-radius:999px;padding:4px 6px 4px 10px;font-size:var(--fs-small)}.tag button{min-block-size:28px;min-inline-size:28px;padding:0 6px}.tags input{flex:1;min-inline-size:140px}.paragraph-row{display:flex;gap:8px;align-items:flex-start}.paragraph-row textarea{flex:1;min-block-size:90px}.paragraph-controls{display:flex;flex-direction:column;gap:4px}.entries,.recs,.pending-list,.history,.nav-items{list-style:none;margin:0;padding:0}.entry{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px;margin-block-end:10px}.entry.is-hidden{opacity:.6}.entry-main{flex:1;display:flex;gap:10px;align-items:center;text-align:start;border:none;background:transparent;min-inline-size:180px}.entry-main img,.entry-thumb{inline-size:56px;block-size:56px;object-fit:cover;border-radius:8px;background:var(--paper);flex:none}.entry-text{display:flex;flex-direction:column;gap:2px}.entry-title{font-weight:600}.entry-actions{display:flex;gap:6px;flex-wrap:wrap}.entry-actions button{font-size:var(--fs-small);padding:8px 10px}.rec{display:flex;gap:12px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px;margin-block-end:10px}.rec.is-hidden{opacity:.55}.rec>img{inline-size:110px;border-radius:8px;object-fit:cover;align-self:flex-start}.rec-body{flex:1;min-inline-size:200px;display:flex;flex-direction:column;gap:8px}.rec-text{margin:0;font-size:var(--fs-small);white-space:pre-line}.rec-actions{display:flex;gap:6px;flex-wrap:wrap}.rec-actions button{font-size:var(--fs-small);padding:8px 10px}.pending-list li,.history li,.nav-items li{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-block-end:10px}.history li{flex-direction:column;align-items:flex-start;gap:2px}.nav-items li{flex-direction:column;align-items:stretch}.save-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-block-start:8px}.section-heading{font-size:1.05rem;font-weight:600;margin-block:20px 8px}.derived{font-size:var(--fs-small);color:var(--accent);margin-block-start:6px}.locked-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:var(--fs-small);color:var(--mist);background:var(--paper);border-radius:10px;padding:8px 10px}.group.is-locked{border-inline-start:3px solid var(--mist)}.center-actions{display:flex;gap:12px;justify-content:center;margin-block-start:20px}.tray{z-index:30}.change-list{margin:0;padding-inline-start:1.2rem}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-block-end:10px}.preview-switch{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.preview-switch .chip{text-decoration:none;color:inherit}.frames{display:grid;gap:14px}.frames.is-both{grid-template-columns:1fr}@media (min-width: 900px){.frames.is-both{grid-template-columns:390px 1fr}}.frame{margin:0;display:flex;flex-direction:column;gap:6px}.frame iframe{inline-size:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.frame.is-phone iframe{block-size:70vh;max-inline-size:390px}.frame.is-desktop iframe{block-size:70vh}.publish-row{margin-block:16px 0}.spinner{display:inline-block;inline-size:12px;block-size:12px;margin-inline-end:8px;border:2px solid var(--line);border-block-start-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;vertical-align:-1px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}