@page{margin:0}html,body{margin:0;padding:0;background:#fff}.kab-page{break-inside:avoid;page-break-inside:avoid}.kab-book>.kab-page:last-child{break-after:auto}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body.kab-bw .kab-book{filter:grayscale(100%) contrast(1.15)}:root{--kab-bg: #f4f4f5;--kab-panel: #ffffff;--kab-line: #dcdce0;--kab-ink: #1a1a1a;--kab-muted: #6b6b72;--kab-accent: #1c7ed6;--kab-warn: #a35b00;--kab-danger: #c92a2a;--kab-ok: #087f5b}body{background:var(--kab-bg);font:13px/1.45 system-ui,sans-serif;color:var(--kab-ink)}.kab-studio{height:100vh;display:flex;flex-direction:column}.kab-topbar{flex:0 0 auto;display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:var(--kab-panel);border-block-end:1px solid var(--kab-line)}.kab-panes{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:15rem minmax(0,1fr) 22rem}.kab-tree,.kab-inspector{overflow-y:auto;padding:.75rem;background:var(--kab-panel)}.kab-tree{border-inline-end:1px solid var(--kab-line)}.kab-inspector{border-inline-start:1px solid var(--kab-line)}.kab-tree h2,.kab-inspector h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--kab-muted);margin:.75rem 0 .35rem}.kab-inspector h2{text-transform:none;font-size:1.05rem;letter-spacing:0;color:var(--kab-ink)}.kab-inspector h3{font-size:.9rem;margin:1rem 0 .35rem;padding-block-start:.6rem;border-block-start:1px solid var(--kab-line)}.kab-tree-list,.kab-tree-pages{list-style:none;margin:0;padding:0}.kab-tree-pages{margin-inline-start:.85rem;border-inline-start:1px solid var(--kab-line)}.kab-tree button{display:flex;align-items:center;gap:.35rem;width:100%;text-align:start;padding:.22rem .35rem;border:0;border-radius:4px;background:none;font:inherit;color:inherit;cursor:pointer}.kab-tree button:hover{background:#eef4fb}.kab-tree button.kab-active{background:var(--kab-accent);color:#fff}.kab-tree button.kab-active .kab-hint{color:#d7e9fb}.kab-tree input[type=search]{width:100%;padding:.25rem .35rem;border:1px solid var(--kab-line);border-radius:4px}.kab-tree summary{cursor:pointer;padding:.2rem 0;color:var(--kab-muted)}.kab-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#d0d0d5}.kab-dot-ok{background:var(--kab-ok)}.kab-hint{margin-inline-start:auto;padding-inline-start:.4rem;font-size:.72rem;color:var(--kab-muted);font-weight:400}.kab-preview{display:flex;flex-direction:column;min-width:0}.kab-preview-bar{flex:0 0 auto;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:.4rem .75rem;background:var(--kab-panel);border-block-end:1px solid var(--kab-line)}.kab-preview-bar label{display:flex;align-items:center;gap:.3rem;color:var(--kab-muted)}.kab-preview-bar input[type=number]{width:4rem}.kab-preview-scroll{flex:1 1 auto;overflow:auto;padding:1rem;display:flex;justify-content:center}.kab-preview-box{flex:0 0 auto}.kab-preview .kab-page{outline:1px solid var(--kab-line);box-shadow:0 1px 6px #0000001f;margin-block-end:.75rem}.kab-preview-error{margin:auto;max-width:34rem;padding:1rem;border:1px solid #f1c4c4;border-radius:6px;background:#fff5f5;color:var(--kab-danger)}.kab-preview-error pre{white-space:pre-wrap;margin:.5rem 0 0;font-size:.8rem}.kab-form{display:flex;flex-direction:column;gap:.5rem}.kab-field{display:flex;flex-direction:column;gap:.15rem}.kab-field-inline{flex-direction:row;align-items:center;gap:.4rem}.kab-field-absent{flex-direction:row;align-items:center;gap:.4rem;color:var(--kab-muted)}.kab-label{display:flex;align-items:baseline;font-size:.78rem;color:var(--kab-muted)}.kab-row{display:flex;align-items:center;gap:.35rem}.kab-wrap{flex-wrap:wrap}.kab-list{display:flex;flex-direction:column;gap:.3rem;padding-inline-start:.5rem;border-inline-start:2px solid var(--kab-line)}.kab-chip{display:flex;align-items:center;gap:.25rem;padding:.1rem .35rem;border:1px solid var(--kab-line);border-radius:999px}.kab-group{margin:.3rem 0;padding:.4rem .6rem;border:1px solid var(--kab-line);border-radius:6px}.kab-group legend{padding:0 .3rem;font-size:.78rem;color:var(--kab-muted)}.kab-inspector input[type=text],.kab-inspector input[type=number],.kab-inspector input[type=search],.kab-inspector select,.kab-inspector textarea{width:100%;padding:.22rem .35rem;border:1px solid var(--kab-line);border-radius:4px;font:inherit;background:#fff}.kab-inspector input[type=color]{width:3rem;height:1.8rem;padding:0}.kab-inspector button{padding:.25rem .55rem;border:1px solid var(--kab-line);border-radius:4px;background:#fff;font:inherit;cursor:pointer}.kab-inspector button:disabled{opacity:.55;cursor:default}.kab-remove{flex:0 0 auto;line-height:1;color:var(--kab-muted)}.kab-danger{color:var(--kab-danger)}.kab-savebar{position:sticky;inset-block-end:0;margin-block-start:1rem;padding-block:.6rem;background:var(--kab-panel);border-block-start:1px solid var(--kab-line)}.kab-savebar>button{font-weight:600}.kab-note{margin:.4rem 0 0;padding:.35rem .5rem;border-inline-start:3px solid var(--kab-warn);background:#fff8ef;color:var(--kab-warn)}.kab-ok{margin:.4rem 0 0;color:var(--kab-ok)}.kab-error{margin:.4rem 0 0;padding:.35rem .5rem;white-space:pre-wrap;background:#fff5f5;border-inline-start:3px solid var(--kab-danger);color:var(--kab-danger);font-size:.78rem}.kab-empty{color:var(--kab-muted);font-style:italic}.kab-export{display:flex;align-items:center;gap:.5rem;min-width:0}.kab-export button{padding:.25rem .55rem;border:1px solid var(--kab-line);border-radius:4px;background:#fff;font:inherit;font-weight:600;cursor:pointer}.kab-export button:disabled{opacity:.55;cursor:default}.kab-export .kab-ok a{color:inherit}.kab-export .kab-ok,.kab-export .kab-error,.kab-export .kab-hint{margin:0;max-width:28rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem}