.bk-root{display:flex;flex-direction:column;gap:16px;max-width:1180px;margin:0 auto;width:100%;padding-bottom:24px}.bk-switcher{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bk-switcher-tabs{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.bk-switcher-tab{display:inline-flex;align-items:center;gap:8px;max-width:200px;padding:7px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,.04);border:1px solid var(--glass-border);color:var(--tx-2);cursor:pointer;font-family:inherit;font-size:13px;min-height:34px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.bk-switcher-tab:hover{background:rgba(255,255,255,.07)}.bk-switcher-tab.is-on{background:var(--acc-soft);color:var(--tx-1);border-color:var(--acc-ring)}.bk-switcher-tab:focus-visible{outline:2px solid var(--acc-ring);outline-offset:1px}.bk-switcher-dots{display:inline-flex;gap:2px;flex-shrink:0}.bk-switcher-dots span{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.bk-switcher-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-switcher-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.bk-save-error{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--r-md);background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.3);color:#fda4af;font-size:13px;line-height:1.45}.bk-save-error svg{flex-shrink:0}.bk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.bk-head-main{min-width:0;flex:1 1}.bk-name-input{display:block;width:100%;max-width:480px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--tx-1);font-family:inherit;font-size:clamp(24px,4vw,32px);font-weight:700;letter-spacing:-.02em;padding:4px 8px;margin:0 0 6px -8px;outline:none;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.bk-name-input:hover{background:rgba(255,255,255,.04)}.bk-name-input:focus{background:rgba(255,255,255,.06);border-color:var(--acc-ring)}.bk-head-main p{margin:0;color:var(--tx-2);font-size:14px;line-height:1.5;max-width:560px}.bk-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.bk-saved{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--tone-emerald);opacity:0;transition:opacity var(--dur) var(--ease);min-width:56px}.bk-saved.is-on{opacity:1}.bk-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-gap:16px;gap:16px;align-items:start}.bk-aside,.bk-editor{display:flex;flex-direction:column;gap:16px;min-width:0}.bk-aside{position:-webkit-sticky;position:sticky;top:12px}.bk-card{padding:18px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:14px}.bk-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.bk-card-head h3{margin:0;font-size:14px;font-weight:700;color:var(--tx-1);letter-spacing:-.01em}.bk-card-sub{font-weight:400}.bk-card-sub,.bk-hint{font-size:12px;color:var(--tx-3)}.bk-hint{margin:0;line-height:1.5}.bk-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px}.bk-preset{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--r-md);background:rgba(255,255,255,.03);border:1px solid var(--glass-border);cursor:pointer;font-family:inherit;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease)}.bk-preset:hover{border-color:var(--acc-ring);transform:translateY(-1px);background:rgba(255,255,255,.05)}.bk-preset:focus-visible{outline:2px solid var(--acc-ring);outline-offset:1px}.bk-preset-swatches{display:flex;height:22px;border-radius:var(--r-sm);overflow:hidden}.bk-preset-swatches span{flex:1 1}.bk-preset-label{font-size:12.5px;color:var(--tx-2);text-align:left}.bk-logos{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.bk-logo-slot{display:flex;flex-direction:column;gap:6px}.bk-logo-slot-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3)}.bk-logo-frame{position:relative;border-radius:var(--r-md);height:100px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--glass-border)}.bk-logo-frame.is-light{background:#f4f4f6}.bk-logo-frame.is-dark{background:#14141f}.bk-logo-frame img{max-width:80%;max-height:70%;object-fit:contain}.bk-logo-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(10,10,20,.62);opacity:0;transition:opacity var(--dur) var(--ease)}.bk-logo-frame:focus-within .bk-logo-overlay,.bk-logo-frame:hover .bk-logo-overlay{opacity:1}.bk-logo-act{width:36px;height:36px;border-radius:var(--r-sm);background:rgba(255,255,255,.12);border:0;color:#fff;cursor:pointer;display:grid;place-items:center}.bk-logo-act:hover{background:rgba(255,255,255,.24)}.bk-logo-drop{height:100px;border-radius:var(--r-md);border:1.5px dashed var(--glass-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:inherit;font-size:12.5px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.bk-logo-drop.is-light{background:#f4f4f6;color:#4b5468}.bk-logo-drop.is-dark{background:#14141f;color:var(--tx-3)}.bk-logo-drop:hover{border-color:var(--acc-ring)}.bk-palette{display:flex;flex-direction:column;gap:8px}.bk-color{display:flex;align-items:center;gap:10px}.bk-color-chip{position:relative;flex:1 1;height:46px;border-radius:var(--r-md);display:flex;align-items:flex-end;padding:8px 10px;cursor:pointer;border:1px solid rgba(0,0,0,.2);overflow:hidden}.bk-color-chip input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.bk-color-slot{font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.02em;pointer-events:none}.bk-hex{width:96px;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--tx-1);padding:8px 10px;font-size:12.5px;font-family:JetBrains Mono,ui-monospace,monospace;outline:none;text-transform:lowercase}.bk-hex:focus{border-color:var(--acc-ring)}.bk-hex[data-invalid=true]{border-color:var(--tone-rose);color:var(--tone-rose)}.bk-grade{font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:var(--r-pill);min-width:44px;text-align:center;flex-shrink:0}.bk-grade-aaa{background:rgba(52,211,153,.18);color:#6ee7b7}.bk-grade-aa{background:rgba(34,211,238,.16);color:#67e8f9}.bk-grade-fail{background:rgba(251,113,133,.16);color:#fda4af}.bk-copy{position:relative;flex-shrink:0}.bk-copy-trigger{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-sm);background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--tx-2);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.bk-copy-trigger:hover{background:rgba(255,255,255,.1);color:var(--tx-1)}.bk-copy-trigger:focus-visible{outline:2px solid var(--acc-ring);outline-offset:1px}.bk-copy-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:41;min-width:140px;display:flex;flex-direction:column;padding:6px;border-radius:var(--r-md)}.bk-copy-item{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:var(--r-sm);background:transparent;border:0;color:var(--tx-1);cursor:pointer;font-family:inherit;font-size:13px}.bk-copy-item:hover{background:rgba(255,255,255,.07)}.bk-fonts{gap:14px}.bk-fontfield,.bk-fonts{display:flex;flex-direction:column}.bk-fontfield{gap:10px}.bk-fontfield-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.bk-fontfield-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3)}.bk-fontfield-preview{padding:14px 16px;border-radius:var(--r-md);background:rgba(255,255,255,.03);border:1px solid var(--glass-border);color:var(--tx-1);font-size:15px;line-height:1.5}.bk-fontfield-preview.is-big{font-size:42px;font-weight:700;line-height:1;padding:18px 16px}.bk-fontpick{position:relative}.bk-fontpick-trigger{display:inline-flex;align-items:center;gap:8px;min-width:150px;max-width:200px;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--tx-1);cursor:pointer;font-family:inherit;font-size:13px;padding:8px 10px}.bk-fontpick-trigger:hover{background:rgba(255,255,255,.08)}.bk-fontpick-trigger>span:first-child{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.bk-menu-scrim{position:fixed;inset:0;z-index:40}.bk-fontpick-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:41;width:260px;max-height:360px;display:flex;flex-direction:column;padding:8px;border-radius:var(--r-md)}.bk-fontpick-search{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--tx-1);padding:8px 10px;font-size:13px;font-family:inherit;outline:none}.bk-fontpick-search:focus{border-color:var(--acc-ring)}.bk-fontpick-list{overflow-y:auto;margin-top:8px}.bk-fontpick-empty{color:var(--tx-3);font-size:13px;padding:10px;text-align:center;margin:0}.bk-fontpick-group h5{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-3);margin:8px 6px 4px;font-weight:600}.bk-fontpick-item{display:block;width:100%;padding:9px 10px;border-radius:var(--r-sm);background:transparent;border:0;color:var(--tx-1);cursor:pointer;text-align:left;font-size:15px}.bk-fontpick-item:hover{background:rgba(255,255,255,.07)}.bk-fontpick-item.is-on{background:var(--acc-soft);color:var(--tx-1)}.bk-field{display:flex;flex-direction:column;gap:8px}.bk-field label{font-size:13px;color:var(--tx-2);display:flex;align-items:center;gap:8px}.bk-field label strong{color:var(--tx-1);font-family:JetBrains Mono,ui-monospace,monospace}.bk-input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--tx-1);padding:10px 12px;font-size:14px;font-family:inherit;outline:none}.bk-input:focus{border-color:var(--acc-ring)}.bk-input::placeholder{color:var(--tx-3)}.bk-range{width:100%;accent-color:var(--acc-solid);height:22px;cursor:pointer}.bk-preview-card{gap:12px}.bk-preview-toggle{display:inline-flex;background:rgba(255,255,255,.05);border-radius:var(--r-pill);padding:2px}.bk-preview-toggle button{background:transparent;border:0;color:var(--tx-3);cursor:pointer;font-family:inherit;font-size:12px;padding:5px 12px;border-radius:var(--r-pill)}.bk-preview-toggle button.is-on{background:var(--glass-fill-2);color:var(--tx-1)}.bk-preview{border-radius:var(--bp-radius,12px);padding:22px;display:flex;flex-direction:column;gap:14px;font-family:var(--bp-body);border:1px solid var(--glass-border)}.bk-preview.is-light{background:#ffffff;color:#1f2230}.bk-preview.is-dark{background:#14141f;color:#e9e9f2}.bk-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.bk-preview-logo{max-height:34px;max-width:150px;object-fit:contain}.bk-preview-wordmark{font-family:var(--bp-display);font-size:20px;font-weight:700;color:var(--bp-primary)}.bk-preview-pill{font-size:11px;padding:4px 10px;border-radius:var(--bp-radius,999px);background:var(--bp-accent);color:var(--bp-on-primary);white-space:nowrap;opacity:.95}.bk-preview-title{font-family:var(--bp-display);font-size:26px;font-weight:700;line-height:1.1;margin:0;letter-spacing:-.01em}.bk-preview-body{font-size:14px;line-height:1.55;margin:0;opacity:.82}.bk-preview-actions{display:flex;gap:8px;flex-wrap:wrap}.bk-preview-btn-primary{background:var(--bp-primary);color:var(--bp-on-primary);border:0;border-radius:var(--bp-radius,8px)}.bk-preview-btn-ghost,.bk-preview-btn-primary{padding:9px 16px;font-family:var(--bp-body);font-size:13px;font-weight:600;cursor:pointer}.bk-preview-btn-ghost{background:transparent;color:inherit;border:1px solid;border-radius:var(--bp-radius,8px);opacity:.7}.bk-preview-swatches{display:flex;gap:6px;margin-top:2px}.bk-preview-swatches span{width:28px;height:28px;border-radius:var(--bp-radius,6px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.bk-export-actions{display:flex;gap:6px}.bk-export-tabs{display:flex;gap:4px;background:rgba(255,255,255,.04);padding:3px;border-radius:var(--r-sm)}.bk-export-tab{flex:1 1;background:transparent;border:0;color:var(--tx-3);cursor:pointer;font-family:inherit;font-size:12px;padding:7px 6px;border-radius:6px;white-space:nowrap}.bk-export-tab.is-on{background:var(--glass-fill-2);color:var(--tx-1)}.bk-export-code{margin:0;background:rgba(0,0,0,.3);border:1px solid var(--glass-border);border-radius:var(--r-md);padding:14px;max-height:280px;overflow:auto;font-size:12px;line-height:1.6;color:var(--tx-2);white-space:pre}@media (max-width:760px){.bk-root{gap:14px}.bk-grid{grid-template-columns:1fr}.bk-aside{position:static}.bk-head{flex-direction:column;align-items:stretch;gap:10px}.bk-head-actions{justify-content:flex-end}.bk-switcher{flex-direction:column;align-items:stretch}.bk-switcher-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.bk-switcher-tab{min-height:40px}.bk-switcher-actions{justify-content:flex-end}.bk-copy-trigger{width:40px;height:40px}.bk-presets{grid-template-columns:repeat(auto-fill,minmax(46%,1fr))}.bk-fontpick-search,.bk-fontpick-trigger,.bk-hex,.bk-input{font-size:16px}.bk-hex{width:110px}.bk-color-chip{height:52px}.bk-fontpick-trigger{min-height:40px}.bk-logo-overlay{opacity:1}.bk-logo-act{width:40px;height:40px}.bk-fontpick-pop{width:min(280px,calc(100vw - 48px))}}@media (max-width:560px){.bk-logos{grid-template-columns:1fr}.bk-fontfield-head{flex-direction:column;align-items:stretch;gap:8px}.bk-fontpick-trigger{max-width:none;width:100%}.bk-fontpick-pop{right:auto;left:0}.bk-fontfield-preview.is-big{font-size:34px}.bk-export-tab{font-size:11px}}@media (prefers-reduced-motion:reduce){.bk-preset:hover{transform:none}}