:root{--kb-bg: #f4f0ea;--kb-card: #fcfaf7;--kb-text: #1a1918;--kb-muted: #5c5852;--kb-line: #d8d2c8;--kb-accent: #a33a21;--kb-accent-2: #0f6b5c;--kb-amber: #f59e0b;--font-sans: "Outfit", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-theme=dark]{--kb-bg: #121316;--kb-card: #1a1b20;--kb-text: #f1f5f9;--kb-muted: #94a3b8;--kb-line: #2d3038;--kb-accent: #ff6b4a;--kb-accent-2: #34d399}*{box-sizing:border-box}body.kb-page{margin:0;min-height:100vh;background:var(--kb-bg);color:var(--kb-text);font-family:var(--font-sans)}.vault-theme-fab{position:fixed;top:1rem;right:1rem;z-index:40}.kb-header{max-width:1120px;margin:0 auto;padding:2rem 1.25rem 1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-end}.kb-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--kb-muted);margin:.75rem 0 .35rem}.kb-brand h1{font-family:var(--font-serif);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;margin:0}.kb-lead{max-width:38rem;color:var(--kb-muted);line-height:1.5;margin:.5rem 0 0}.kb-header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.kb-steps{list-style:none;margin:0 auto 1rem;padding:0 1.25rem;max-width:1120px;display:flex;gap:.4rem;flex-wrap:wrap}.kb-steps button{border:1px solid var(--kb-line);background:var(--kb-card);color:var(--kb-text);border-radius:999px;padding:.35rem .75rem;font:inherit;font-size:.82rem;cursor:pointer}.kb-steps button.active{border-color:var(--kb-accent);background:color-mix(in srgb,var(--kb-accent) 14%,var(--kb-card))}.kb-layout{max-width:1120px;margin:0 auto;padding:0 1.25rem 3rem;display:grid;grid-template-columns:1.2fr .9fr;gap:1rem;align-items:start}@media(max-width:900px){.kb-layout{grid-template-columns:1fr}}.kb-panel,.kb-aside-card{background:var(--kb-card);border:1px solid var(--kb-line);border-radius:14px;padding:1.1rem 1.15rem}.kb-aside{display:flex;flex-direction:column;gap:.85rem;position:sticky;top:1rem}.kb-aside-card h2,.kb-panel h2{margin:0 0 .5rem;font-size:1rem}.kb-sub{margin:.9rem 0 .35rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--kb-muted);font-family:var(--font-mono)}.kb-meta{margin:0 0 .5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--kb-muted)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.field span{font-size:.8rem;color:var(--kb-muted)}.field input,.field textarea,.kb-aside-card textarea{width:100%;border:1px solid var(--kb-line);border-radius:10px;background:transparent;color:var(--kb-text);font:inherit;padding:.55rem .7rem}.kb-aside-card textarea{font-family:var(--font-mono);font-size:.72rem;line-height:1.45;resize:vertical}.btn{border:1px solid var(--kb-line);background:var(--kb-card);color:var(--kb-text);border-radius:10px;padding:.5rem .85rem;font:inherit;font-size:.88rem;cursor:pointer}.btn.primary{background:var(--kb-text);color:var(--kb-bg);border-color:var(--kb-text)}.btn.accent{background:color-mix(in srgb,var(--kb-accent) 18%,var(--kb-card));border-color:var(--kb-accent)}.btn.ghost{background:transparent}.kb-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.kb-nav-row{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}.kb-status{margin:.55rem 0 0;font-size:.8rem;color:var(--kb-muted)}.kb-tools{display:flex;flex-wrap:wrap;gap:.4rem}.kb-tools a{text-decoration:none;border:1px solid var(--kb-line);border-radius:999px;padding:.3rem .65rem;color:var(--kb-text);font-size:.8rem}.kb-checklist{display:grid;gap:.35rem;margin:0 0 .9rem;padding:.65rem .75rem;border:1px solid var(--kb-line);border-radius:12px;background:color-mix(in srgb,var(--kb-line) 18%,transparent)}.kb-check-item{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;line-height:1.35;cursor:pointer}.kb-check-item input{margin-top:.2rem}.kb-check{margin:0;padding-left:1.1rem;color:var(--kb-muted);font-size:.85rem;line-height:1.45}.kb-palette-strip{display:flex;min-height:7.5rem;border-radius:14px;overflow:hidden;border:1px solid var(--kb-line);margin:.75rem 0 1rem}.kb-palette-bar{flex:1 1 0;min-width:0;display:flex;align-items:flex-end;justify-content:center;padding:.55rem .25rem;position:relative}.kb-palette-bar span{font-size:.68rem;font-weight:650;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 55%);mix-blend-mode:difference;font-variant-numeric:tabular-nums}.kb-coolors-import{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:stretch}.kb-coolors-import input{width:100%}.kb-actions a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.swatches{display:grid;gap:.55rem;margin-top:.75rem}.swatch-row{display:grid;grid-template-columns:2rem 5.5rem 1fr 1fr auto;gap:.4rem;align-items:center}.swatch-chip{width:2rem;height:2rem;border-radius:8px;border:1px solid var(--kb-line)}@media(max-width:640px){.kb-coolors-import{grid-template-columns:1fr}.kb-palette-strip{min-height:5.5rem}.kb-palette-bar span{font-size:.58rem;writing-mode:vertical-rl;transform:rotate(180deg)}.swatch-row{grid-template-columns:2rem 1fr auto}.swatch-row [data-f=role],.swatch-row [data-f=label]{grid-column:1 / -1}}.refs-list{display:grid;gap:.65rem}.ref-card{border:1px dashed var(--kb-line);border-radius:12px;padding:.7rem}.ref-card .row{display:grid;grid-template-columns:1fr auto;gap:.4rem}.tools-suite-nav{display:flex;gap:.4rem}.tools-suite-nav a{text-decoration:none;color:var(--kb-text);border:1px solid var(--kb-line);border-radius:999px;padding:.35rem .75rem;font-size:.85rem}.kb-board{max-width:1120px;margin:0 auto 1rem;padding:0 1.25rem;position:relative;z-index:1}.kb-board-shell{border:1px solid var(--kb-line);border-radius:14px;background:var(--kb-card);overflow:hidden;box-shadow:0 8px 28px color-mix(in srgb,#000 8%,transparent);position:relative}.kb-board-actions{position:absolute;top:.4rem;right:.4rem;z-index:5;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:flex-end;max-width:calc(100% - .8rem)}.kb-board-actions .btn{padding:.3rem .55rem;font-size:.78rem;background:color-mix(in srgb,var(--kb-card) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kb-board-select{border:1px solid var(--kb-line);border-radius:10px;background:color-mix(in srgb,var(--kb-card) 88%,transparent);color:var(--kb-text);font:inherit;font-size:.78rem;padding:.28rem .4rem;max-width:9rem}.kb-board-status{font-size:.72rem;color:var(--kb-muted);padding:0 .2rem}.kb-board-canvas{height:min(70vh,580px);min-height:480px;position:relative}.kb-board-shell.is-collapsed{min-height:44px}.kb-board-shell.is-collapsed .kb-board-actions{position:relative;top:0;right:0;padding:.35rem .5rem;max-width:100%}.kb-board-shell.is-collapsed .kb-board-canvas{display:none!important}.kb-board-canvas [class*=watermark],.kb-board-canvas [data-testid=watermark],.kb-board-canvas a[href*=tldraw],.kb-board-canvas .tl-watermark,.kb-board-canvas .tlui-watermark,.kb-board-canvas .tlui-layout__watermark,.kb-board-canvas [class*=license],.kb-board-canvas [class*=License]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.kb-board-shell.is-expanded .kb-board-canvas{height:min(88vh,800px)}.kb-board-canvas .tl-container{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:900px){.kb-board-canvas{height:280px}}