.bl-tool .tool-page-shell:has(.bl-dash) .tool-page-head{margin-bottom:.75rem}.bl-tool .tool-page-shell:has(.bl-dash) .tool-page-head__lead{font-size:.875rem;line-height:1.55;color:rgb(var(--color-body));text-wrap:pretty}.bl-tool{position:relative;z-index:1;isolation:isolate}.bl-dash{display:grid;gap:.75rem;grid-template-columns:1fr}.bl-dash__hero{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:clamp(200px,28vh,320px);padding:0;border-color:rgb(var(--color-accent) / .22);background:#000;cursor:pointer}.bl-dash__side{display:flex;flex-direction:column;gap:.75rem;min-width:0}.bl-dash__row{display:grid;gap:.75rem;grid-template-columns:1fr;align-items:stretch;min-height:0}@media(min-width:640px){.bl-dash__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.bl-dash{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto;gap:.75rem 1rem;align-items:stretch}.bl-dash__hero{grid-column:1 / span 3;grid-row:1 / span 2;min-height:0;height:100%}.bl-dash__side{grid-column:4 / span 3;grid-row:1 / span 2;align-self:start;height:auto;min-height:0}}.bl-dash__stage{position:absolute;inset:0;overflow:hidden;cursor:pointer;background-color:#000}.bl-dash__stage:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.bl-dash__stage:fullscreen{border-radius:0}.bl-dash__status{position:absolute;z-index:4;left:.75rem;right:.75rem;bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;border-radius:.75rem;border:1px solid rgb(255 255 255 / .08);background:#00000059;backdrop-filter:blur(8px);font-size:.75rem;color:#ffffffbf;pointer-events:none}.bl-dash__status-mode{display:inline-flex;align-items:center;gap:.35rem;min-width:0;font-weight:600;color:#ffffffe6}.bl-dash__status-mode :global(svg){flex-shrink:0;color:rgb(var(--color-accent))}.bl-dash__status-hint{flex-shrink:0;font-size:.625rem;font-weight:500;color:#ffffff73}.bl-dash__live{width:.4rem;height:.4rem;border-radius:999px;background:rgb(var(--color-accent));box-shadow:0 0 0 3px rgb(var(--color-accent) / .22);flex-shrink:0}.bl-dash__live--paused{background:#ffffff59;box-shadow:none}.bl-fs-btn{position:absolute;top:.65rem;right:.65rem;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgb(255 255 255 / .16);background:#00000073;color:#ffffffe6;cursor:pointer}.bl-fs-btn:hover{border-color:rgb(var(--color-accent) / .55);color:rgb(var(--color-accent))}.bl-tool .bl-panel.nexus-card{padding:0}.bl-panel{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.bl-panel__head{display:flex;align-items:center;gap:.45rem;flex-shrink:0;margin:0;padding:.75rem .9rem .5rem;border-bottom:1px solid rgb(var(--color-accent) / .12)}.bl-panel__icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;flex-shrink:0;background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.bl-panel__title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-display);font-size:.8125rem;font-weight:700;color:rgb(var(--color-ink))}.bl-panel__body{display:flex;flex-direction:column;flex:1 1 auto;gap:.5rem;min-height:0;padding:.55rem .9rem .75rem}.bl-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;margin:0;padding:0;border:none;flex:1 1 auto;min-height:0;align-content:start}.bl-pattern-chip{position:relative;display:block;cursor:pointer}.bl-pattern-chip input{position:absolute;opacity:0;pointer-events:none}.bl-pattern-chip__body{display:flex;align-items:center;gap:.35rem;min-height:1.7rem;padding:.25rem .4rem;border:1px solid rgb(var(--color-hairline-soft));border-radius:.45rem;background:rgb(var(--color-surface-card));transition:border-color .14s ease,background-color .14s ease}.bl-pattern-chip:hover .bl-pattern-chip__body{border-color:rgb(var(--color-accent) / .45)}.bl-pattern-chip input:checked+.bl-pattern-chip__body{border-color:rgb(var(--color-accent) / .55);background:rgb(var(--color-accent) / .08)}.bl-pattern-chip input:focus-visible+.bl-pattern-chip__body{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.bl-pattern-chip__swatch{width:.85rem;height:.85rem;flex-shrink:0;border-radius:.2rem;border:1px solid rgb(var(--color-hairline-soft))}.bl-pattern-chip__label{font-size:.625rem;font-weight:600;line-height:1.2;color:rgb(var(--color-ink))}.bl-pattern-chip input:checked+.bl-pattern-chip__body .bl-pattern-chip__label{color:rgb(var(--color-accent))}.bl-field{display:flex;flex-direction:column;gap:.3rem}.bl-field__label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.625rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-muted))}.bl-field__value{font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;font-weight:700;letter-spacing:0;text-transform:none;color:rgb(var(--color-accent));font-variant-numeric:tabular-nums}.bl-field__range{display:block;width:100%;height:.35rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:rgb(var(--color-hairline-soft));accent-color:rgb(var(--color-accent));cursor:pointer}.bl-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.2rem;border-radius:.55rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-soft))}.bl-seg__btn{min-height:1.85rem;padding:.28rem .35rem;border-radius:.4rem;border:1px solid transparent;background:transparent;font-size:.625rem;font-weight:700;color:rgb(var(--color-muted));cursor:pointer}.bl-seg__btn:hover{color:rgb(var(--color-ink));background:rgb(var(--color-ink) / .04)}.bl-seg__btn--active{color:rgb(var(--color-accent));background:rgb(var(--color-surface-card));border-color:rgb(var(--color-accent) / .45)}.bl-seg__btn:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.bl-well{display:flex;flex-direction:column;gap:.2rem}.bl-well__label{font-size:.5625rem;font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:rgb(var(--color-muted))}.bl-well input[type=color]{width:100%;height:1.75rem;padding:0;border:1px solid rgb(var(--color-hairline-soft));border-radius:.4rem;background:rgb(var(--color-surface-card));cursor:pointer}.bl-toggle-row{display:flex;align-items:center;gap:.45rem;cursor:pointer}.bl-toggle-row input{width:.95rem;height:.95rem;flex-shrink:0;accent-color:rgb(var(--color-accent));cursor:pointer}.bl-toggle-row__title{font-size:.6875rem;font-weight:650;color:rgb(var(--color-ink))}.bl-toggle-row__hint{display:block;font-size:.5625rem;color:rgb(var(--color-muted))}.bl-actions{display:grid;gap:.35rem;margin-top:auto}.bl-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:2.15rem;padding:.45rem .75rem;border:1px solid transparent;border-radius:.5rem;background:rgb(var(--color-accent));color:rgb(var(--color-on-primary));font-size:.75rem;font-weight:700;cursor:pointer;transition:filter .14s ease,background-color .14s ease,color .14s ease,border-color .14s ease}.bl-play-btn:hover{filter:brightness(1.06)}.bl-play-btn[aria-pressed=true]{background:rgb(var(--color-surface-card));color:rgb(var(--color-accent));border-color:rgb(var(--color-accent) / .45)}.bl-play-btn:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.bl-reset-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:1.85rem;padding:.4rem .75rem;border:1px solid rgb(var(--color-hairline-soft));border-radius:.5rem;background:transparent;color:rgb(var(--color-body));font-size:.6875rem;font-weight:650;cursor:pointer}.bl-reset-btn:hover{background:rgb(var(--color-accent) / .08);border-color:rgb(var(--color-accent) / .35);color:rgb(var(--color-ink))}.bl-shortcut-list{list-style:none;display:grid;gap:.25rem;margin:.15rem 0 0;padding:.45rem 0 0;border-top:1px solid rgb(var(--color-hairline-soft))}.bl-shortcut-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.625rem;color:rgb(var(--color-muted))}.bl-shortcut-list__keys{display:inline-flex;gap:.2rem;flex-shrink:0}.bl-assess{display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto}.bl-assess__item{padding:.55rem .65rem;border-radius:.5rem}.bl-assess__item--pass{background:rgb(var(--color-accent) / .1)}.bl-assess__item--fail{background:rgb(var(--color-hairline-soft))}.bl-assess__head{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem;color:rgb(var(--color-accent))}.bl-assess__item--fail .bl-assess__head{color:rgb(var(--color-muted))}.bl-assess__title{margin:0;font-size:.8125rem;font-weight:800;color:rgb(var(--color-accent))}.bl-assess__item--fail .bl-assess__title{color:rgb(var(--color-ink))}.bl-assess__body{margin:0;padding-left:1.35rem;font-size:.6875rem;line-height:1.45;color:rgb(var(--color-muted))}.bl-error{margin-top:.75rem;font-size:.8125rem;font-weight:600;color:rgb(var(--color-error))}.bl-seo{position:relative;z-index:0}.bl-dash__canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}.bl-colors{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.bl-colors__field{display:flex;flex-direction:column;gap:.25rem}.bl-colors__label{font-size:.625rem;font-weight:650;color:rgb(var(--color-muted))}.bl-colors__input{width:100%;height:1.75rem;padding:0;border:1px solid rgb(var(--color-hairline-soft));border-radius:.4rem;background:rgb(var(--color-surface-card));cursor:pointer}