:root{color-scheme:light;--paper:#f6f2ea;--surface:#fffdf7;--surface-2:#efe9dc;--stage:#e6ded0;--ink:#2c2320;--ink-2:#6c6058;--ink-3:#9c8f84;--line:#e2dac9;--line-2:#cfc4ae;--brand:#a71e26;--brand-ink:#ffffff;--brand-tint:#f6ece9;--yellow:#faf8ce;--gold:#b07314;--ok:#2f7d4f;--ok-tint:#e7f1ea;--warn:#b07314;--warn-tint:#f8efdd;--crit:#c0362c;--crit-tint:#f8e7e4;--info:#3a6ea5;--focus:#a71e26;--shadow-sm:0 1px 2px rgba(44,35,32,.08);--shadow:0 1px 2px rgba(44,35,32,.06), 0 10px 28px -14px rgba(44,35,32,.24);--shadow-lg:0 24px 60px -20px rgba(44,35,32,.42);--radius:11px;--radius-sm:7px;--font-ui:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--font-display:Calibri,Carlito,"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--font-book:"Comic Sans MS","Comic Neue","Trebuchet MS",sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#191512;--surface:#231e1a;--surface-2:#2d2721;--stage:#120f0d;--ink:#efe8dd;--ink-2:#b5a89c;--ink-3:#877a6f;--line:#37302a;--line-2:#4a4038;--brand:#e5484d;--brand-ink:#1a1512;--brand-tint:#33211f;--yellow:#faf8ce;--gold:#d7a343;--ok:#54a675;--ok-tint:#1e2d24;--warn:#d7a343;--warn-tint:#2f2717;--crit:#e5675c;--crit-tint:#331e1c;--info:#6ea3d6;--focus:#e5484d;--shadow-sm:0 1px 2px rgba(0,0,0,.34);--shadow:0 1px 2px rgba(0,0,0,.3), 0 12px 34px -14px rgba(0,0,0,.6);--shadow-lg:0 30px 70px -20px rgba(0,0,0,.72)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--paper:#191512;--surface:#231e1a;--surface-2:#2d2721;--stage:#120f0d;--ink:#efe8dd;--ink-2:#b5a89c;--ink-3:#877a6f;--line:#37302a;--line-2:#4a4038;--brand:#e5484d;--brand-ink:#1a1512;--brand-tint:#33211f;--yellow:#faf8ce;--gold:#d7a343;--ok:#54a675;--ok-tint:#1e2d24;--warn:#d7a343;--warn-tint:#2f2717;--crit:#e5675c;--crit-tint:#331e1c;--info:#6ea3d6;--focus:#e5484d;--shadow-sm:0 1px 2px rgba(0,0,0,.34);--shadow:0 1px 2px rgba(0,0,0,.3), 0 12px 34px -14px rgba(0,0,0,.6);--shadow-lg:0 30px 70px -20px rgba(0,0,0,.72)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}::selection{background:var(--brand);color:var(--brand-ink)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:16px;height:56px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);flex:0 0 auto;z-index:20}.wordmark{display:flex;align-items:center;gap:9px;background:none;border:0;cursor:pointer;padding:4px 6px;border-radius:8px}.wordmark:hover{background:var(--surface-2)}.wordmark .glyph{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto}.wordmark .name{font-family:var(--font-ui);font-weight:700;font-size:19px;letter-spacing:.005em;white-space:nowrap}.topbar .spacer{flex:1}.topbar-ctx{display:flex;align-items:center;gap:10px;min-width:0}.topbar-ctx .divider{width:1px;height:22px;background:var(--line-2)}.iconbtn{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:none;border:1px solid transparent;color:var(--ink-2);cursor:pointer}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}.iconbtn.on{background:var(--brand-tint);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:500;font-size:13px;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{border-color:transparent;background:none}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{padding:5px 9px;font-size:12px;gap:5px}.btn.danger{color:var(--crit);border-color:color-mix(in srgb,var(--crit) 35%,transparent)}.btn.danger:hover{background:var(--crit-tint)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.02em;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.chip.draft{color:var(--ink-2)}.chip.review{color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent);border-color:color-mix(in srgb,var(--info) 24%,transparent)}.chip.approved{color:var(--ok);background:var(--ok-tint);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.chip.mono{font-family:var(--font-mono);font-weight:500;letter-spacing:0}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;text-wrap:balance;letter-spacing:.005em}.subnav{display:flex;gap:2px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);flex:0 0 auto}.subnav a{padding:11px 13px;font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px}.subnav a:hover{color:var(--ink)}.subnav a.active{color:var(--brand);border-bottom-color:var(--brand)}.page-wrap{flex:1;overflow:auto;position:relative}.page-dropzone-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;gap:10px;background:color-mix(in srgb,var(--paper) 88%,transparent);border:2px dashed var(--brand);color:var(--brand);font-weight:600;pointer-events:none}.container{max-width:1180px;margin:0 auto;padding:34px 24px 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}.page-head h1{font-size:27px}.page-head p{margin:4px 0 0;color:var(--ink-2);max-width:60ch}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;padding:7px 11px;background:var(--surface);border:1px solid var(--line-2);border-radius:8px;min-width:240px}.search input{border:0;background:none;outline:0;width:100%;font-size:13px;color:var(--ink)}.seg{display:flex;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;background:var(--surface)}.seg button{padding:7px 11px;font-size:12.5px;font-weight:500;background:none;border:0;border-right:1px solid var(--line);color:var(--ink-2);cursor:pointer}.seg button:last-child{border-right:0}.seg button.on{background:var(--brand-tint);color:var(--brand)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:20px}.book-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease}.book-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.book-card .cover{background:var(--stage);display:grid;place-items:center;padding:16px;border-bottom:1px solid var(--line)}.book-card .meta{padding:12px 13px 13px}.book-card .meta h3{font-size:14.5px;line-height:1.3}.book-card .sub{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--ink-3);font-size:11.5px}.book-card .sub .mono{color:var(--ink-2)}.card-new{border:1px dashed var(--line-2);background:none;display:grid;place-items:center;min-height:200px;color:var(--ink-2);gap:10px;font-weight:500}.card-new:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}.tbl{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tbl th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:var(--surface-2)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-size:11px;font-weight:700;flex:0 0 auto}.bpage{position:relative;background:#fff;overflow:hidden;flex:0 0 auto;color:#a71e26;font-family:var(--font-book)}.bpage.blank:after{content:"blank";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#c9c2b4;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#140f0d80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:60;padding:24px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.modal.wide{max-width:820px}.modal .m-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal .m-head h2{font-size:18px}.modal .m-head p{margin:3px 0 0;color:var(--ink-2);font-size:12.5px}.modal .m-body{padding:20px;overflow-y:auto}.modal .m-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:var(--surface-2)}.toast-wrap{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:80}.toast{display:flex;align-items:center;gap:10px;padding:11px 15px;background:var(--ink);color:var(--paper);border-radius:9px;box-shadow:var(--shadow-lg);font-size:13px;font-weight:500}.toast .ico{color:var(--ok)}.menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;min-width:210px;z-index:40}.menu button{display:flex;width:100%;align-items:center;gap:9px;padding:8px 9px;border-radius:7px;background:none;border:0;text-align:left;font-size:13px;cursor:pointer;color:var(--ink)}.menu button:hover{background:var(--surface-2)}.menu .sep{height:1px;background:var(--line);margin:5px 0}.menu .lbl{padding:6px 9px 3px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-family:var(--font-mono)}.field{margin-bottom:13px}.field label{display:block;font-size:11.5px;font-weight:600;color:var(--ink-2);margin-bottom:5px;letter-spacing:.02em}.field input,.field select,.field textarea{width:100%;padding:8px 10px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand)}.field .hint{font-size:11px;color:var(--ink-3);margin-top:4px}.field.mono input{font-family:var(--font-mono)}.empty-state{display:grid;place-items:center;text-align:center;padding:70px 20px;color:var(--ink-2)}.empty-state .art{width:92px;height:92px;margin-bottom:16px;color:var(--line-2)}.empty-state h2{font-size:20px;margin-bottom:6px}.composer{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--paper)}.comp-bar{display:flex;align-items:center;gap:8px 12px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--line);flex:0 0 auto;flex-wrap:wrap}.comp-title-wrap{display:flex;align-items:center;gap:5px;border-radius:7px;padding:0 4px 0 0}.comp-title-wrap:hover{background:var(--surface-2)}.comp-title-wrap:focus-within{background:var(--surface-2)}.comp-title-wrap svg{flex:0 0 auto;color:var(--ink-3);opacity:.5}.comp-title-wrap:hover svg,.comp-title-wrap:focus-within svg{opacity:.9}.comp-title{font-family:var(--font-display);font-weight:600;font-size:15px;background:none;border:1px solid transparent;border-radius:7px;padding:4px 4px 4px 8px;color:var(--ink);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comp-title:focus{border-color:var(--line-2);outline:0}.save-state{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);font-family:var(--font-mono)}.lock-state{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}.comp-body{flex:1;display:flex;min-height:0;position:relative}.fmt-toolbar{position:fixed;z-index:75;display:flex;align-items:center;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow-lg)}.fmt-handle{width:20px;height:26px;display:grid;place-items:center;border:0;background:none;color:var(--ink-3);cursor:grab;touch-action:none;border-radius:6px}.fmt-handle:active{cursor:grabbing}.fmt-handle:hover{background:var(--surface-2)}.fmt-sep{width:1px;height:18px;background:var(--line-2);margin:0 2px}.fmt-btn{width:28px;height:26px;display:grid;place-items:center;border-radius:6px;border:1px solid transparent;background:none;color:var(--ink);font-size:13px;font-family:Georgia,serif;cursor:pointer}.fmt-btn:hover{background:var(--surface-2)}.fmt-btn.on{background:var(--brand-tint);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.inspector-reopen{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:6;width:24px;height:66px;border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px;background:var(--surface);color:var(--ink-2);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow)}.inspector-reopen:hover{background:var(--surface-2);color:var(--ink)}.insp-tabs .insp-collapse{flex:0 0 auto;width:32px;padding:0;border:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-3);cursor:pointer;display:grid;place-items:center;background:none}.insp-tabs .insp-collapse:hover{background:var(--surface-2);color:var(--ink)}.pagenav-wrap{flex:0 0 auto;position:relative;border-right:1px solid var(--line)}.pagenav{width:100%;height:100%;background:var(--surface);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.pagenav-inner{padding:10px 14px 14px}.pagenav-resizer{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:4;touch-action:none}.pagenav-resizer:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;border-radius:2px}.pagenav-resizer:hover:after,.pagenav-resizer.active:after{background:var(--brand)}.pagenav .grp{padding:0 0 8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-family:var(--font-mono)}.leaf-thumb{margin:0 0 10px;cursor:pointer;border-radius:6px;outline:2px solid transparent;position:relative}.leaf-thumb .mini{background:#fff;border:1px solid var(--line-2);border-radius:4px;overflow:hidden;box-shadow:var(--shadow-sm);box-sizing:border-box}.leaf-thumb.sel{outline-color:var(--brand)}.leaf-thumb .lbl{display:flex;align-items:center;justify-content:space-between;margin-top:3px;font-size:10px;color:var(--ink-3);font-family:var(--font-mono)}.leaf-thumb.system .mini{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 6px,var(--surface) 6px,var(--surface) 12px)}.leaf-thumb .warnmark{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700}.leaf-thumb.draggable{cursor:grab}.leaf-thumb.draggable:active{cursor:grabbing}.leaf-thumb.dragging{opacity:.35}.leaf-thumb.drop-target .mini{box-shadow:0 0 0 2px var(--brand);border-color:var(--brand)}.leaf-thumb .drag-handle{position:absolute;top:2px;left:2px;z-index:2;width:16px;height:16px;border-radius:4px;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink-3);display:grid;place-items:center;opacity:0}.leaf-thumb.draggable:hover .drag-handle{opacity:1}.sig-meter{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}.sig-meter .cap{font-size:10px;font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.sheets{display:flex;flex-wrap:wrap;gap:4px}.sheet{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:20px;height:20px;border:1px solid var(--line-2);border-radius:3px;overflow:hidden}.sheet i{background:var(--brand);opacity:.85}.sheet i.empty{background:var(--surface-2)}.sheet i.pad{background:repeating-linear-gradient(45deg,var(--warn),var(--warn) 2px,transparent 2px,transparent 4px);opacity:.6}.stage{flex:1;background:var(--stage);position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column}.stage-scroll{flex:1;min-height:0;position:relative;overflow:auto;scrollbar-width:thin}.stage-scroll::-webkit-scrollbar{width:12px;height:12px}.stage-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px;border:3px solid var(--stage)}.stage-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.stage-scroll::-webkit-scrollbar-track{background:transparent}.stage-inner{min-width:100%;min-height:100%;padding:52px;display:flex;align-items:safe center;justify-content:safe center}.zoom-val{min-width:52px;text-align:center;font-family:var(--font-mono);font-size:11.5px;font-weight:500;background:none;border:1px solid transparent;border-radius:6px;padding:5px 6px;cursor:pointer;color:var(--ink-2)}.zoom-val:hover{background:var(--surface-2);color:var(--ink)}.spread{display:flex;gap:2px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.28))}.stage-toolbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:3px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);z-index:5}.stage-toolbar .iconbtn{width:30px;height:30px}.stage-toolbar .divider{width:1px;margin:4px 3px;background:var(--line-2)}.navarrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;z-index:5;color:var(--ink)}.navarrow:hover{background:var(--surface-2)}.navarrow.l{left:14px}.navarrow.r{right:14px}.navarrow:disabled{opacity:.3;cursor:default}.viewcount{position:absolute;bottom:44px;left:16px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:5px 9px;z-index:5}.inspector{width:340px;flex:0 0 auto;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.insp-tabs{display:flex;border-bottom:1px solid var(--line);flex:0 0 auto}.insp-tabs button{flex:1;padding:10px 4px;font-size:11.5px;font-weight:600;background:none;border:0;border-bottom:2px solid transparent;color:var(--ink-3);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.insp-tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}.insp-tabs .cnt{font-family:var(--font-mono);font-size:9px;background:var(--surface-2);border-radius:999px;padding:0 5px;line-height:14px}.insp-tabs .cnt.bad{background:var(--crit);color:#fff}.insp-tabs .cnt.warn{background:var(--warn);color:#fff}.insp-body{flex:1;overflow-y:auto;padding:16px}.insp-sec{margin-bottom:22px}.insp-sec>.eyebrow{margin-bottom:10px;display:block}.leaf-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;background:var(--surface);font-size:12.5px}.leaf-row.sel{border-color:var(--brand);background:var(--brand-tint)}.leaf-row .badge{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);flex:0 0 auto}.leaf-row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaf-row .mini-actions{display:flex;gap:2px}.leaf-row.system{opacity:.62}.issue{display:flex;gap:10px;padding:10px 11px;border:1px solid var(--line);border-left-width:3px;border-radius:7px;margin-bottom:8px;cursor:pointer;background:var(--surface)}.issue:hover{background:var(--surface-2)}.issue.crit{border-left-color:var(--crit)}.issue.warn{border-left-color:var(--warn)}.issue.info{border-left-color:var(--info)}.issue .ico{flex:0 0 auto;margin-top:1px}.issue.crit .ico{color:var(--crit)}.issue.warn .ico{color:var(--warn)}.issue.info .ico{color:var(--info)}.issue .txt{font-size:12.5px}.issue .where{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);margin-top:2px}.comment{border:1px solid var(--line);border-radius:8px;padding:10px 11px;margin-bottom:8px;background:var(--surface)}.comment .head{display:flex;align-items:center;gap:7px;margin-bottom:5px}.comment .head .who{font-weight:600;font-size:12px}.comment .head .when{font-size:10.5px;color:var(--ink-3);font-family:var(--font-mono)}.comment .body{font-size:12.5px}.comment.resolved{opacity:.6}.pf-line{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}.pf-line:last-child{border-bottom:0}.pf-line .k{flex:1}.pf-line .v{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-2)}.bpage .trim-guide{position:absolute;border:1px dashed rgba(59,130,246,.7);pointer-events:none}.bpage .bleed-guide{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(220,38,38,.5);pointer-events:none}.bpage .safe-guide{position:absolute;border:1px dashed rgba(16,185,129,.6);pointer-events:none}.bpage .frame-guide{position:absolute;border:1px dashed rgba(120,120,120,.55);pointer-events:none}.bpage .region{position:absolute;outline:none}.bpage .region[contenteditable]:hover{box-shadow:0 0 0 1px color-mix(in srgb,#a71e26 40%,transparent)}.bpage .region[contenteditable]:focus{box-shadow:0 0 0 2px #a71e26;background:#faf8ce59}.bpage .overflowing{box-shadow:0 0 0 2px var(--crit)!important}.pg-num{position:absolute;left:0;right:0;text-align:center;font-family:var(--font-book)}.art-outline{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #a71e26;pointer-events:none;box-sizing:border-box}.art-handle{position:absolute;width:12px;height:12px;margin:-6px;background:#fff;border:2px solid #a71e26;box-shadow:0 1px 3px #00000059;z-index:3}.art-handle.nw,.art-handle.se{cursor:nwse-resize}.art-handle.ne,.art-handle.sw{cursor:nesw-resize}.art-handle.nw{left:0;top:0}.art-handle.ne{left:100%;top:0}.art-handle.sw{left:0;top:100%}.art-handle.se{left:100%;top:100%}.art-handle.rotate{border-radius:50%;cursor:grab;left:calc(50% - 6px);top:-26px;margin:0}.art-handle.rotate:active{cursor:grabbing}.art-rotate-line{position:absolute;left:50%;top:-14px;width:1px;height:14px;background:#a71e26;pointer-events:none}@media(max-width:1120px){.inspector{width:300px}}@media(max-width:900px){.comp-body{flex-direction:column}.inspector{width:auto;border-left:0;border-top:1px solid var(--line);max-height:44vh}.pagenav-wrap{width:auto!important;border-right:0;border-bottom:1px solid var(--line)}.pagenav{overflow-x:auto;overflow-y:hidden}.pagenav-inner{display:flex;align-items:flex-start}.leaf-thumb{margin:0 10px 0 0}.pagenav-resizer{display:none}}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.asset-cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.asset-cell .thumb{aspect-ratio:1/1;background:var(--stage);display:grid;place-items:center;padding:8px}.asset-cell .cap{padding:9px 10px 10px}.asset-cell .cap .nm{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-cell .cap .mono{color:var(--ink-3);font-size:10.5px;margin-top:2px}.asset-actions{display:flex;gap:4px;margin-top:6px}.asset-actions .iconbtn{width:26px;height:26px}.dropzone{margin-top:4px;padding:22px 14px;border:1.5px dashed var(--line-2);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-2);font-size:12.5px;cursor:pointer;text-align:center}.dropzone:hover{background:var(--surface-2)}.dropzone.over{border-color:var(--brand);background:var(--brand-tint);color:var(--brand)}.upload-list{margin-top:14px;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.upload-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.upload-row .thumb{width:32px;height:32px;flex:0 0 auto;border-radius:6px;background-color:var(--stage);background-size:contain;background-position:center;background-repeat:no-repeat}.upload-row input{flex:1;border:0;background:none;outline:0;font-size:12.5px;color:var(--ink)}.upload-row .nm{flex:1;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-row .status{font-size:10.5px;color:var(--ink-3);flex:0 0 auto}.upload-row.error .status{color:var(--crit)}.upload-row.done .status{color:var(--ok)}.art-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.art-pick-cell{aspect-ratio:1/1;background:var(--stage);border:1px solid var(--line);border-radius:8px;padding:4px;display:grid;place-items:center;cursor:pointer}.art-pick-cell:disabled{cursor:default;opacity:.6}.art-pick-cell.sel{border-color:var(--brand);border-width:2px;box-shadow:0 0 0 1px var(--brand)}.art-pick-thumb{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}