:root{--paper: #ffffff;--panel: #ffffff;--ink: #111111;--muted: #5f5f5f;--rule: #d4d4d4;--accent: #c8321e;--accent-ink: #fff;--warn: #7a4b00;--warn-bg: #f3f3f3;--focus: #1a5fd0;--sheet-bg: #ffffff;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #17161a;--panel: #212026;--ink: #ece7dc;--muted: #a39d92;--rule: #36343b;--accent: #ff6b52;--accent-ink: #1a0a07;--warn: #ffd37a;--warn-bg: #3a2e12;--focus: #7fb0ff;--sheet-bg: #2b2a31}}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink)}body{font:15px/1.45 var(--sans)}h1,h2{font-weight:600;margin:0}h1{font-size:1.9rem;letter-spacing:.02em}h2{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;margin:1rem 0 .5rem}button,select,input{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--ink);border-radius:2px;padding:.35rem .7rem;cursor:pointer}button:hover:not(:disabled){background:var(--ink);color:var(--paper)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600}button.primary:hover:not(:disabled){opacity:.85;background:var(--ink);color:var(--paper)}button.link{border:0;background:none;text-decoration:underline;color:var(--muted);padding:.1rem 0;font-size:.85rem}button.link:hover:not(:disabled){background:none;color:var(--accent)}select,input[type=text]{background:var(--panel);border:1px solid var(--rule);border-radius:2px;padding:.3rem;width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.muted{color:var(--muted);margin:.25rem 0;font-size:.9rem}.app{min-height:100vh;display:flex;flex-direction:column;padding:0 1rem 4rem;max-width:1500px;margin:0 auto}.app.is-dragover{outline:3px dashed var(--accent);outline-offset:-8px}.top{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:end;padding:1rem 0 .75rem;border-bottom:2px solid var(--ink)}.brand p{margin:0;color:var(--muted);font-size:.9rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.banner{background:var(--warn-bg);color:var(--ink);border:1px solid var(--ink);padding:.6rem .8rem;margin:.8rem 0 0;font-size:.92rem}.banner-actions{display:inline-flex;gap:.5rem;flex-wrap:wrap;margin-left:.5rem}.banner button{color:var(--ink)}.settings{display:flex;flex-wrap:wrap;gap:.9rem 1.5rem;align-items:end;padding:.8rem 0;border-bottom:1px solid var(--rule)}.settings label,.controls label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;font-family:var(--sans)}.settings label.inline,.controls label.inline{flex-direction:row;align-items:center;gap:.4rem;font-family:var(--sans);font-size:.95rem}fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.15rem}legend{font:.85rem var(--sans);padding:0;margin-bottom:.2rem}.hint{margin:.5rem 0 0;color:var(--muted);font-size:.88rem;max-width:70ch}.workspace{display:grid;grid-template-columns:15rem minmax(0,1fr) 17rem;gap:1.25rem;margin-top:1rem;align-items:start}@media(max-width:1000px){.workspace{grid-template-columns:1fr}}.tray-head{display:flex;justify-content:space-between;align-items:center}.tray-head h2{margin:0}.assets{list-style:none;padding:0;margin:.5rem 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}@media(max-width:1000px){.assets{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}}.asset{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.3rem;text-align:left}.asset img{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#eee}.asset-name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{font:.7rem var(--sans);color:var(--muted)}.asset:hover .asset-meta{color:inherit}.warn{font:.7rem var(--sans);color:var(--warn);background:var(--warn-bg);padding:0 .25rem;align-self:flex-start}.warn-box{background:var(--warn-bg);color:var(--warn);padding:.4rem .5rem;font-size:.85rem;margin:.3rem 0}.empty-tray{color:var(--muted)}.tabs{display:flex;gap:.25rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap}.tabs button{border-radius:2px 2px 0 0}.tabs button.on{background:var(--ink);color:var(--paper)}.zoom{margin-left:auto;display:flex;flex-direction:row;align-items:center;gap:.5rem;font:.85rem var(--sans)}.sheet-scroll{overflow:auto;background:var(--sheet-bg);padding:1rem;border:1px solid var(--rule)}.sheet{position:relative;background:#fff;border:1px solid #999;box-shadow:0 1px 6px #00000040;margin:0 auto}.sheet .cell{position:absolute}.cell{position:relative;cursor:pointer;background:#fff}.cell svg{width:100%;height:100%;display:block}.cell .paper{fill:#fff}.cell .content-box{fill:none;stroke:#9a9a9a;stroke-width:.25;stroke-dasharray:1.2 1.2}.cell.is-selected{outline:5px solid var(--ink);outline-offset:-5px;z-index:2}.cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:3}.cell.is-empty svg .paper{fill:#f7f7f7}.badge{position:absolute;top:3px;left:3px;background:var(--ink);color:var(--paper);font:.7rem var(--sans);padding:0 .3rem;border-radius:2px;pointer-events:none}.empty-hint{position:absolute;inset:0;display:grid;place-items:center;color:#8a8a8a;font-size:.8rem;pointer-events:none}.guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.guides .fold{stroke:#8a8a8a;stroke-width:.35;stroke-dasharray:2 1.5}.guides .cut{stroke:var(--accent);stroke-width:.6}.legend{margin:.6rem 0 0;font-size:.85rem;color:var(--muted)}.key{display:inline-block;width:1.6rem;border-top:2px dashed #8a8a8a;vertical-align:middle;margin:0 .2rem 0 .6rem}.key.cut-key{border-top:2px solid var(--accent)}.booklet{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;background:var(--sheet-bg);padding:1.25rem;border:1px solid var(--rule)}.spread{margin:0}.spread-pages{display:flex;gap:0}.spread-pages .cell{border:1px solid #999;box-shadow:0 1px 4px #0003}.spread figcaption{font:.8rem var(--sans);margin-top:.4rem}.controls{display:flex;flex-direction:column;gap:.6rem}.row{display:flex;gap:.5rem;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:.4rem}.foot{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:var(--paper);padding:.5rem 1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.9rem;z-index:10}.modal{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:20;padding:1rem}.modal-card{background:var(--paper);border:2px solid var(--ink);padding:1rem 1.25rem;max-width:52rem;width:100%;max-height:90vh;overflow:auto}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.6rem;margin:.8rem 0}.thumb{display:flex;flex-direction:column;gap:.2rem;border:2px solid var(--rule);padding:.3rem;cursor:pointer;font:.75rem var(--sans);position:relative}.thumb.on{border-color:var(--ink);border-width:4px;padding:1px}.thumb input{position:absolute;top:.4rem;left:.4rem}.thumb img{width:100%;background:#fff}.thumb-wait{aspect-ratio:3 / 4;display:grid;place-items:center;color:var(--muted)}@media print{.foot,.top,.settings{display:none}}