.muted{color:var(--muted-2)}.small{font-size:11px}.strong{font-weight:600}.spacer{flex:1}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.span-2{grid-column:span 2}.big{font-size:26px;font-weight:600}.btn{background:var(--card);border:1px solid var(--button);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 10px;display:inline-flex}.btn:hover{background:var(--hover-2)}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff;justify-content:center;height:32px;font-weight:600}.btn.primary:hover{background:var(--teal-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.wide{width:100%}.sq{border:1px solid var(--button);background:var(--card);cursor:pointer;border-radius:5px;width:24px;height:24px}.sq:disabled{opacity:.4;cursor:default}.pill{background:var(--chip-2);border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:11px;display:inline-flex}.chip{background:var(--chip);border-radius:3px;align-items:center;gap:4px;height:22px;padding:0 7px;font-size:11px;display:inline-flex}.chip.fact{background:var(--card);border:1px solid var(--input);border-radius:5px}.chip.dashed{border:1px dashed var(--input);color:var(--muted-2);background:0 0;border-radius:5px}.chips{flex-wrap:wrap;gap:4px;display:flex}.tag{background:var(--text);color:var(--surface);border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.dot{background:var(--pending);vertical-align:middle;border-radius:50%;width:7px;height:7px;display:inline-block}.dot.st-todo{box-shadow:inset 0 0 0 1.5px var(--pending);background:0 0}.dot.st-static{background:var(--line)}.dot.st-generating,.dot.st-review{background:var(--muted-2)}.dot.st-approved{box-shadow:inset 0 0 0 1.5px var(--teal);background:0 0}.dot.st-locked{background:var(--teal-dark)}.issue-select{background:var(--card);border:1px solid var(--button);border-radius:6px;align-items:center;height:30px;padding:0 10px;font-weight:600;display:inline-flex}.letters{gap:3px;display:flex}.letter{background:var(--chip);border-radius:3px;padding:1px 5px;font-size:11px}.spend{flex-direction:column;gap:3px;font-size:11.5px;display:flex}.spend-bar{background:var(--track);width:110px;height:3px;display:block}.spend-bar span{background:var(--text);height:3px;display:block}.queue-status{align-items:center;gap:6px;font-size:12px;display:inline-flex}.queue-dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 0 3px var(--teal-ring);border-radius:50%}.nav-item.dim{color:var(--faint)}.issue{flex-direction:column;height:100%;display:flex}.issue-head{background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:22px;height:40px;padding:0 18px;display:flex}.tabs{gap:16px;height:100%;display:flex}.tab{color:var(--muted-2);border-bottom:2px solid #0000;align-items:center;display:flex}.tab.on{color:var(--text);border-bottom-color:var(--teal);font-weight:600}.segmented{background:var(--track);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.segmented button.on{background:#fff;font-weight:600;box-shadow:0 1px 2px #281e141f}.toggle{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .track{background:var(--input);border-radius:999px;width:26px;height:15px;transition:background .15s;position:relative}.toggle .track:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:left .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.track{background:var(--teal)}.toggle input:checked+.track:after{left:13px}.toggle input:focus-visible+.track{outline:2px solid var(--teal);outline-offset:2px}.pages{flex:1;grid-template-rows:42px 1fr 104px;grid-template-columns:1fr 252px;min-height:0;display:grid}.pages-toolbar{background:var(--toolbar);border-bottom:1px solid var(--line);grid-column:1;align-items:center;gap:18px;padding:0 18px;display:flex}.spread-nav{align-items:center;gap:8px;font-weight:600;display:inline-flex}.desk{background:var(--desk);flex-direction:column;grid-column:1;justify-content:center;align-items:center;padding:18px;display:flex;position:relative;overflow:auto}.desk-note{color:var(--muted-2);font-size:11px;position:absolute;top:10px}.spread{display:flex}.spread-side{position:relative}.spread-side.left .plan-page:after,.spread-side.right .plan-page:before{content:"";pointer-events:none;z-index:2;width:26px;position:absolute;top:0;bottom:0}.spread-side.left .plan-page:after{background:linear-gradient(270deg,#5a3c1e1a,#5a3c1e00);right:0}.spread-side.right .plan-page:before{background:linear-gradient(90deg,#5a3c1e1a,#5a3c1e00);left:0}.page-label{text-align:center;color:var(--muted-2);margin-top:8px;font-size:10.5px}.page-empty{background:0 0}.rail{border-left:1px solid var(--line);background:var(--surface);grid-area:1/2/span 3;padding:14px;overflow:auto}.rail h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-size:11px}.rail-gap{margin-top:18px!important}.rail-row{border:0;border-bottom:1px solid var(--row);cursor:pointer;text-align:left;background:0 0;grid-template-columns:38px 10px auto auto 1fr;align-items:center;gap:6px;width:100%;padding:5px 4px;display:grid}.rail-row:hover{background:var(--hover-2)}.decode-row{grid-template-columns:34px 1fr 44px;align-items:center;gap:8px;margin:6px 0;display:grid}.decode-row .bad-words{color:var(--red-text);grid-column:2/span 2;font-size:11px}.bar{background:var(--track);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--teal);height:100%}.bar-fill.bad{background:var(--red)}.keys{grid-template-columns:50px 1fr;gap:3px 8px;margin:0;font-size:11px;display:grid}.keys dt{font-family:var(--mono);color:var(--muted-2)}.keys dd{margin:0}.thumbs{background:var(--surface);border-top:1px solid var(--line);grid-column:1;align-items:center;gap:8px;padding:0 18px;display:flex;overflow-x:auto}.thumb-spread{cursor:pointer;background:0 0;border:0;border-radius:4px;gap:1px;padding:4px;display:flex}.thumb-spread.current{box-shadow:0 0 0 1.5px var(--teal);background:#fff}.thumb{background:var(--paper);border:1px solid var(--line);flex-direction:column;justify-content:space-between;align-items:center;width:26px;height:37px;padding:3px 0;font-size:9.5px;display:flex}.thumb.blank{background:0 0;border-color:#0000}.plan-page{background:var(--paper);position:relative;overflow:hidden;box-shadow:0 1px 2px #3c28141f,0 8px 24px #3c28141a}.plan-story,.plan-static{transform-origin:0 0;border:0;position:absolute;top:0;left:0}.plan-story{font-family:var(--parent);color:#1f2a37;background:#fffdf7}.plan-header{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;justify-content:space-between;align-items:baseline;height:22px;font-size:11px;font-weight:800;display:flex;position:absolute;top:24px;left:24px;right:24px}.plan-panel{cursor:pointer;background:#f7f4ea;border:2px solid #1f2a37;border-radius:12px;position:absolute;overflow:hidden}.plan-panel:hover,.plan-panel:focus-visible{box-shadow:0 0 0 4px var(--teal);outline:none}.plan-composition{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.no-art{background:var(--text);color:var(--surface);font:600 13px var(--sans);border-radius:4px;padding:2px 8px;position:absolute;top:10px;right:10px}.bubble{margin:0;position:absolute}.bubble-parent{font:600 15px/1.3 var(--parent);background:#f3f5f8;border:2px solid #4b5b70;border-radius:12px;padding:8px 12px}.bubble-child{font:700 30px/1.15 var(--kid);color:#0b3f38;background:#fff;border:3px solid #0f8f7c;border-radius:14px;padding:6px 16px}.bubble-egg{font:700 30px/1.15 var(--kid);color:#24465a;background:#e8f4ff;border:3px solid #3f7fc4;border-radius:46% 54% 50% 50%/58% 46% 54% 42%;padding:8px 18px}.bubble-sign{font:700 26px/1.15 var(--kid);color:#4a3a22;background:#f6e3b3;border:2.5px solid #b45309;border-radius:6px;padding:4px 12px;transform:rotate(-4deg)}.bubble-caption{color:#f4f1eb;font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.12em;background:#25303a;border-radius:6px;padding:4px 10px}.plan-tip{background:#e6f4ef;border-radius:12px;align-items:flex-start;gap:10px;height:56px;padding:10px 12px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.plan-tip span{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#0f8f7c;border-radius:999px;flex:none;margin-top:2px;padding:3px 9px;font-size:9.5px;font-weight:800}.plan-tip p{margin:0;font-size:13px;font-weight:600;line-height:1.35}.plan-number{text-align:center;font:700 10px var(--parent);color:#8a8278;position:absolute;bottom:8px;left:0;right:0}.board-filters{gap:10px;display:flex}.board-row{border-bottom:1px solid var(--row);grid-template-columns:96px 1fr;gap:12px;padding:10px 0;display:grid}.board-label{flex-direction:column;gap:2px;font-size:11px;display:flex}.board-cards{flex-wrap:wrap;gap:10px;display:flex}.board-card{border:1px solid var(--line-2);background:#fff;border-radius:6px;width:176px;overflow:hidden}.board-card:hover{border-color:var(--teal)}.board-card img{object-fit:cover;background:#f7f4ea;width:100%;height:92px;display:block}.board-card-body{flex-direction:column;gap:6px;padding:8px;display:flex}.panel-detail{flex-direction:column;flex:1;min-height:0;display:flex}.pd-head{border-bottom:1px solid var(--line);background:var(--surface);flex:none;align-items:center;gap:12px;height:44px;padding:0 18px;display:flex}.pd-code{font-size:16px;font-weight:600}.pd-grid{flex:1;grid-template-columns:264px 1fr 318px;min-height:0;display:grid}.pd-col{flex-direction:column;gap:8px;padding:14px;display:flex;overflow:auto}.pd-col.side{background:var(--surface)}.pd-col.side:first-child{border-right:1px solid var(--line)}.pd-col.side:last-child{border-left:1px solid var(--line)}.pd-col h2{margin:8px 0 2px}.pd-composition{border:1px solid var(--input);background:#f7f4ea;border-radius:4px;width:236px}.pd-parent{font-family:var(--parent);margin:0;font-size:12.5px;font-weight:600}.pd-read{align-items:baseline;gap:8px;display:flex}.pd-kid{font:700 15px var(--kid);color:var(--teal-text)}.pd-kid.egg{color:#24465a}.pd-kid.sign{color:#4a3a22}.refs{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.empty-state{border:1px dashed var(--input);background:var(--surface);border-radius:8px;padding:18px}.empty-state p{margin:0 0 6px}.phonics-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:14px;display:grid}.phonics-right{flex-direction:column;gap:14px;display:flex}.seq{border-collapse:collapse;width:100%}.seq td{border-bottom:1px solid var(--row);vertical-align:middle;padding:8px 6px}.seq tr.current td{background:var(--hover-2)}.tiles{flex-wrap:wrap;gap:3px;display:flex}.tile{min-width:24px;height:24px;font:700 14px var(--kid);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.tile.new{background:var(--teal);color:#fff}.tile.old{background:var(--teal-tint);color:var(--teal-dark)}.bar.wide{height:8px}.word-list{flex-wrap:wrap;gap:5px;display:flex}.word{font:700 14px var(--kid);background:var(--chip);border-radius:4px;align-items:baseline;gap:5px;padding:2px 7px;display:inline-flex}.word .mono{color:var(--muted-2);font-size:10px;font-weight:400}.word.bad{background:var(--red-tint);color:var(--red-text-2)}.rings{gap:14px;display:flex}.ring-wrap{text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.ring{border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.ring-hole{background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:12px;display:flex}.needs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.needs a{color:var(--teal-text);text-decoration:underline}.flag-pill{background:var(--red);color:#fff;font:600 13px var(--sans);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;display:inline-flex;position:absolute;bottom:10px;right:10px}.flag-pill.warn{background:#b7791f}.flag-bang{width:18px;height:18px;color:var(--red);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.flag-pill.warn .flag-bang{color:#b7791f}.finding{background:#fdf6e3;border-left:3px solid #d69e2e;border-radius:5px;margin:4px 0;padding:5px 8px;font-size:11.5px}.finding.error{background:var(--red-row);border-left-color:var(--red)}.rail-check{margin:6px 0 10px}.brief{background:var(--surface);border:1px solid var(--line-2);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.brief p{margin:0}.agent-actions{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.agent-action{align-items:center;gap:10px;display:flex}.kind-table{border-collapse:collapse;margin-top:8px;font-size:11.5px}.kind-table td{border-bottom:1px solid var(--row);padding:3px 10px 3px 0}.check{border-bottom:1px solid var(--row);padding:8px 0}.check p{margin:4px 0}.steps{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}code{font-family:var(--mono);background:var(--chip);border-radius:3px;padding:0 4px;font-size:11px}.slots{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.slot{border:1px solid var(--line-2);background:#fff;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.slot-img{object-fit:contain;background:var(--paper);border-radius:4px;width:100%;height:150px;display:block}.slot-empty{border:1px dashed var(--input);text-align:center;border-radius:4px;justify-content:center;align-items:center;height:150px;padding:10px;display:flex}.upload{align-self:flex-start;position:relative;overflow:hidden}.upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload:focus-within{outline:2px solid var(--teal);outline-offset:2px}.prompt-box{width:100%;font:12.5px/1.55 var(--mono);border:1px solid var(--input);resize:vertical;background:#fff;border-radius:6px;padding:8px}.prompt-box:disabled{background:var(--hover-2);color:var(--text-2)}.row-end{justify-content:flex-end;margin-top:8px;display:flex}.error{color:var(--red-text);margin:0}.job{border:1px solid var(--line-2);background:#fff;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.job-root{color:var(--text-2);font-size:11px}.state{background:var(--chip);border-radius:3px;padding:1px 6px;font-weight:600}.state.running,.state.queued{background:var(--teal-tint);color:var(--teal-text)}.state.failed{background:var(--red-tint);color:var(--red-text-2)}.cands{flex-wrap:wrap;gap:10px;display:flex}.cand{border:1px solid var(--line-2);background:var(--surface);border-radius:6px;flex-direction:column;gap:6px;width:196px;padding:8px;display:flex}.cand img{object-fit:cover;background:var(--paper);border-radius:4px;width:100%;height:110px;display:block}.cand.approved{border:2px solid var(--teal)}.cand.rejected{opacity:.55}.cand-actions{gap:6px;display:flex}.btn.approve{border-color:var(--teal);color:var(--teal-text);font-weight:600}.prompt-details summary{cursor:pointer;margin:6px 0;font-weight:600}.prompt-pre{white-space:pre-wrap;font:11px/1.5 var(--mono);border:1px solid var(--line-2);background:#fff;border-radius:6px;max-height:320px;padding:8px;overflow:auto}select{font:inherit;border:1px solid var(--input);background:#fff;border-radius:5px;padding:2px 4px}.qa-chips{flex-wrap:wrap;gap:3px;display:flex}.qa-chip{background:var(--teal-tint);color:var(--teal-text);border-radius:3px;padding:1px 5px;font-size:10px}.qa-chip.fail{background:var(--red-tint);color:var(--red-text-2);box-shadow:inset 0 0 0 1px var(--red)}.qa-fix{color:var(--text-2)}.small-btn{height:24px;font-size:11px}.preflight-row{border-bottom:1px solid var(--row);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.pf-icon{background:var(--red-tint);width:16px;height:16px;color:var(--red-text-2);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.pf-icon.ok{background:var(--teal-tint);color:var(--teal-text)}.print-root{background:var(--desk);min-height:100vh;padding:0 0 24px}.print-toolbar{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:10px 18px;display:flex;position:sticky;top:0}.print-sheet{background:#fff;width:297mm;height:210mm;margin:18px auto 0;display:flex;position:relative;box-shadow:0 1px 2px #3c28141f,0 8px 24px #3c28141a}.print-half{justify-content:center;align-items:center;width:148.5mm;height:210mm;display:flex;overflow:hidden}.print-sheet-label{text-align:center;font:10px var(--mono);color:var(--muted-2);position:absolute;bottom:-16px;left:0;right:0}@media print{@page{size:A4 landscape;margin:0}body{background:#fff}.print-toolbar,.print-sheet-label{display:none}.print-root{background:#fff;padding:0}.print-sheet{box-shadow:none;break-after:page;margin:0}.print-sheet .plan-page{box-shadow:none}.print-sheet .plan-panel{cursor:default}}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.span-all{grid-column:1/-1}.field{color:var(--muted-2);flex-direction:column;gap:4px;margin:8px 0;font-size:11.5px;display:flex}.field input,.field select{font:12.5px var(--sans);color:var(--text);border:1px solid var(--input);background:#fff;border-radius:6px;padding:6px 8px}:root{--bg:#f4f1eb;--surface:#fbfaf6;--card:#fff;--nav:#eeeae2;--toolbar:#f7f4ee;--desk:#e8e3d9;--paper:#fffdf7;--track:#e9e4da;--chip:#eeeae2;--chip-2:#eae6de;--hover:#e5e0d6;--hover-2:#f1ede5;--text:#25303a;--text-2:#3a4550;--muted:#5e666f;--muted-2:#67707a;--faint:#8c8a84;--faint-2:#9a938a;--line:#e0d9cd;--line-2:#e2dcd1;--line-3:#e8e2d8;--row:#ede7dd;--input:#d6cfc2;--button:#ddd6ca;--connector:#b9b1a4;--pending:#b3aca0;--teal:#0f8f7c;--teal-hover:#0b7f6d;--teal-text:#0b6e60;--teal-dark:#0b5f53;--teal-tint:#e2f0ec;--teal-ring:#d5ebe6;--red:#e8553a;--red-text:#c2412a;--red-text-2:#b53a23;--red-tint:#fbe3dc;--red-row:#fdf3ef;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--kid:"Andika", sans-serif;--parent:"Nunito", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 12.5px/1.35 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1{margin:0;font-size:14px;font-weight:600}h2{margin:0 0 10px;font-size:12.5px;font-weight:600}.mono{font-family:var(--mono)}.shell{grid-template-rows:48px 1fr;grid-template-columns:216px 1fr;min-width:1200px;height:100vh;display:grid}.nav{background:var(--nav);border-right:1px solid var(--line);flex-direction:column;grid-row:1/span 2;display:flex;overflow:auto}.brand{letter-spacing:-.01em;align-items:center;gap:8px;height:48px;padding:0 14px;font-size:13.5px;font-weight:600;display:flex}.brand-mark{background:var(--teal);border-radius:4px;width:16px;height:16px}.nav-list{flex-direction:column;gap:1px;padding:4px 8px 12px;display:flex}.nav-item{border-radius:5px;justify-content:space-between;align-items:center;height:27px;padding:0 8px;display:flex}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--surface);box-shadow:0 0 0 1px var(--line);font-weight:600}.nav-item.sub{border-left:1px solid #d6cfc2;border-radius:0 5px 5px 0;height:24px;margin-left:10px;padding-left:10px}.nav-label{height:24px;color:var(--muted-2);align-items:center;padding:0 8px;font-size:11px;display:flex}.nav-meta{font:10px var(--mono);color:var(--faint);font-weight:400}.nav-foot{font:10.5px/1.5 var(--mono);color:var(--muted-2);margin-top:auto;padding:10px 14px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:0 18px;display:flex}.search{border:1px solid var(--line);background:#f7f4ee;border-radius:6px;flex:1;align-items:center;gap:6px;max-width:400px;height:30px;padding:0 8px;display:flex}.search input{font:inherit;background:0 0;border:0;outline:none;flex:1}kbd{font:10px var(--mono);color:var(--faint);border:1px solid var(--line);border-radius:3px;padding:0 4px}.main{min-width:0;overflow:auto}.screen{flex-direction:column;gap:14px;padding:16px 18px;display:flex}.screen-head{align-items:center;gap:12px;min-height:28px;display:flex}.card{background:var(--surface);border:1px solid var(--line-2);border-radius:8px;padding:14px}.placeholder p{color:var(--muted-2);margin:0}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.kv{grid-template-columns:90px 1fr;gap:4px 10px;margin:0;font-size:11.5px;display:grid}.kv dt{color:var(--muted-2)}.kv dd{margin:0}