html,body{width:100%;height:100%;overflow:hidden}body.hybrid{--shell-header:44px;--shell-footer:auto;grid-template-rows:var(--shell-header) 1fr var(--shell-footer);background-color:var(--bg-color,#07090d);grid-template-areas:"header""stage""footer";height:100dvh;display:grid}@media (width<=767px){body.hybrid{--shell-header:36px}}#bakudan-header{height:var(--shell-header,44px);min-height:var(--shell-header,44px);grid-area:header}#stage-container{grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden}#command-deck{min-height:var(--shell-footer,auto);grid-area:footer}#stage-container #bakudan-bg,#stage-container #bakudan-canvas{width:100%;height:100%;position:absolute;inset:0}#stage-container #bakudan-bg{z-index:0;overflow:hidden}#stage-container #bakudan-bg>video{object-fit:cover;filter:brightness(.72)saturate(.92);width:100%;height:100%;position:absolute;inset:0}#stage-container #bakudan-canvas{z-index:2}body:not(.hybrid) #stage-container{position:absolute;inset:0}#lab-drawer{background:var(--bakudan-surface,#07090dfa);border:1px solid var(--bakudan-border,#f8fafc2e);width:560px;min-width:320px;max-width:min(560px,100vw - 32px);height:520px;min-height:360px;max-height:min(520px,100vh - 80px);color:var(--bakudan-text,#f8fafc);z-index:30;will-change:transform;pointer-events:auto;border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .2s,width .3s cubic-bezier(.32,.72,0,1),height .3s cubic-bezier(.32,.72,0,1),border-radius .3s,box-shadow .3s;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 12px 40px #00000080,0 4px 12px #0000004d}#lab-drawer.bakudan-lab--open{opacity:1;pointer-events:auto;transform:none}#lab-drawer:not(.bakudan-lab--open):not(.bakudan-lab--closed){opacity:0!important;pointer-events:none!important;visibility:hidden!important}#lab-drawer.bakudan-lab--closed{opacity:1;pointer-events:auto;cursor:pointer;border-color:var(--bakudan-accent,#f43f5e);padding:0;overflow:hidden;transform:none;box-shadow:0 4px 16px #0006;border-radius:24px!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}#lab-drawer.bakudan-lab--closed .bakudan-lab__header,#lab-drawer.bakudan-lab--closed .bakudan-lab__tabs,#lab-drawer.bakudan-lab--closed .bakudan-lab__panels,#lab-drawer.bakudan-lab--closed .bakudan-lab__resize-handle,#lab-drawer.bakudan-lab--closed .bakudan-lab__help-modal{display:none!important}.bakudan-lab__ball{background:var(--bakudan-accent,#f43f5e);color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:none;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;font-size:20px;line-height:1;transition:background .15s,transform .15s;display:none}#lab-drawer.bakudan-lab--closed .bakudan-lab__ball{display:flex!important}.bakudan-lab__ball:hover{background:var(--bakudan-accent-hover,#e11d48);transform:scale(1.05)}.bakudan-lab__ball:active{transform:scale(.96)}.bakudan-lab__ball--dragging{transform:scale(1.02);cursor:grabbing!important}.bakudan-lab__ball:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:2px}.bakudan-lab__header{border-bottom:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface,#07090d);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;align-items:center;gap:8px;padding:12px 16px 8px;display:flex}.bakudan-lab__header:active{cursor:grabbing}.bakudan-lab__title{font:var(--bakudan-font-display,600 14px "Outfit", "Inter", sans-serif);color:var(--bakudan-text,#f8fafc);white-space:nowrap;cursor:grab;margin:0;font-size:14px;font-weight:600}.bakudan-lab__help{appearance:none;border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);width:24px;min-width:24px;height:24px;color:var(--bakudan-text,#f8fafc);font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.bakudan-lab__help:hover,.bakudan-lab__help[aria-expanded=true]{background:var(--bakudan-accent,#f43f5e);border-color:var(--bakudan-accent,#f43f5e);color:#fff}.bakudan-lab__help:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:2px}.bakudan-lab__close{appearance:none;border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);color:var(--bakudan-text,#f8fafc);font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);cursor:pointer;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:11px;line-height:1}.bakudan-lab__close:hover{background:var(--bakudan-border,#f8fafc2e)}.bakudan-lab__close:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:2px}.bakudan-lab__resize-handle{cursor:nwse-resize;background:linear-gradient(135deg, transparent 46%, var(--bakudan-border,#f8fafc2e) 46%, var(--bakudan-border,#f8fafc2e) 54%, transparent 54%), linear-gradient(135deg, transparent 62%, var(--bakudan-border,#f8fafc2e) 62%, var(--bakudan-border,#f8fafc2e) 70%, transparent 70%), linear-gradient(135deg, transparent 78%, var(--bakudan-border,#f8fafc2e) 78%, var(--bakudan-border,#f8fafc2e) 86%, transparent 86%);opacity:.5;touch-action:none;z-index:2;border-radius:0 0 16px;width:16px;height:16px;position:absolute;bottom:0;right:0}.bakudan-lab__resize-handle:hover{opacity:.9}.bakudan-lab__help-modal{background:var(--bakudan-surface,#07090dfa);z-index:5;scrollbar-width:thin;scrollbar-color:var(--bakudan-border,#94a3b84d) transparent;border-radius:16px;flex-direction:column;gap:0;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.bakudan-lab__help-modal[hidden]{display:none!important}.bakudan-lab__help-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.bakudan-lab__help-title{font:var(--bakudan-font-display,600 14px "Outfit", "Inter", sans-serif);color:var(--bakudan-text,#f8fafc);margin:0;font-size:14px;font-weight:700}.bakudan-lab__help-close{appearance:none;border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);width:28px;height:28px;color:var(--bakudan-text,#f8fafc);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.bakudan-lab__help-close:hover{background:var(--bakudan-border,#f8fafc2e)}.bakudan-lab__help-close:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:2px}.bakudan-lab__help-summary{font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);color:var(--bakudan-text-muted,#94a3b8);margin:0 0 12px;font-size:13px;line-height:1.5}.bakudan-lab__help-list{flex-direction:column;gap:6px;margin:0 0 12px;padding-left:18px;list-style:outside;display:flex}.bakudan-lab__help-list li{font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);color:var(--bakudan-text,#f8fafc);font-size:12px;line-height:1.5}.bakudan-lab__help-footer{border-top:1px solid var(--bakudan-border,#f8fafc2e);margin-top:auto;padding-top:12px}.bakudan-lab__help-hint{margin:0;line-height:1.4}.bakudan-lab__tabs{border-bottom:1px solid var(--bakudan-border,#f8fafc2e);scrollbar-width:thin;background:var(--bakudan-surface,#07090d);flex-direction:row;flex-shrink:0;gap:0;padding:0 8px;display:flex;overflow:auto hidden}.bakudan-lab__tab{appearance:none;color:var(--bakudan-text-muted,#94a3b8);font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:12px 14px 10px;font-size:11px;transition:color .15s,border-color .15s}.bakudan-lab__tab:hover{color:var(--bakudan-text,#f8fafc)}.bakudan-lab__tab[aria-selected=true]{color:var(--bakudan-accent,#f43f5e);border-bottom-color:var(--bakudan-accent,#f43f5e)}.bakudan-lab__tab:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:-2px;border-radius:4px}.bakudan-lab__panels{background:var(--bakudan-surface,#07090d);flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.bakudan-lab__panel{pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--bakudan-border,#94a3b84d) transparent;flex:auto;min-height:0;padding:16px;display:none;overflow:hidden auto}.bakudan-lab__panel.bakudan-lab__panel--active{display:block}.bakudan-lab__panel:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:-2px}.bakudan-lab__panel h3,.bakudan-lab__panel h4{font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--bakudan-text-muted,#94a3b8);margin:0 0 8px;font-size:11px}.bakudan-lab__panel label{font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);color:var(--bakudan-text,#f8fafc);font-size:13px}.bakudan-lab__panel p{font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);color:var(--bakudan-text,#f8fafc);margin:0 0 8px;font-size:13px;line-height:1.5}.bakudan-lab__section{margin-bottom:20px}.bakudan-lab__section:last-child{margin-bottom:0}.bakudan-lab__input,.bakudan-lab__select,.bakudan-lab__textarea{appearance:none;border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);width:100%;color:var(--bakudan-text,#f8fafc);font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);border-radius:8px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.bakudan-lab__input:focus,.bakudan-lab__select:focus,.bakudan-lab__textarea:focus{border-color:var(--bakudan-focus-ring,#60a5fa);box-shadow:0 0 0 2px color-mix(in srgb, var(--bakudan-focus-ring,#60a5fa) 30%, transparent)}.bakudan-lab__input::placeholder{color:var(--bakudan-text-muted,#94a3b8)}.bakudan-lab__button{appearance:none;border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);color:var(--bakudan-text,#f8fafc);font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border-radius:8px;padding:8px 14px;font-size:11px;line-height:1;transition:background .15s,border-color .15s}.bakudan-lab__button:hover{background:var(--bakudan-border,#f8fafc2e)}.bakudan-lab__button:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:2px}.bakudan-lab__button--primary{background:var(--bakudan-accent,#f43f5e);border-color:var(--bakudan-accent,#f43f5e);color:#fff}.bakudan-lab__button--primary:hover{background:var(--bakudan-accent-hover,#e11d48);border-color:var(--bakudan-accent-hover,#e11d48)}.bakudan-lab__button:disabled{opacity:.45;cursor:not-allowed}.bakudan-lab__checkbox-row{align-items:center;gap:8px;padding:4px 0;display:flex}.bakudan-lab__checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--bakudan-accent,#f43f5e);cursor:pointer}.bakudan-lab__range-row{flex-direction:column;gap:6px;display:flex}.bakudan-lab__range{width:100%;accent-color:var(--bakudan-accent,#f43f5e)}.bakudan-lab__error{color:var(--bakudan-danger,#fb7185);font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);word-break:break-word;margin-top:6px;font-size:12px}.bakudan-videos__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=768px){.bakudan-videos__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=480px){.bakudan-videos__grid{grid-template-columns:1fr}}.bakudan-videos__card{border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);cursor:pointer;border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,background .15s;display:flex}.bakudan-videos__card:hover{border-color:var(--bakudan-text-muted,#94a3b8)}.bakudan-videos__card--selected{border-color:var(--bakudan-accent,#f43f5e);background:color-mix(in srgb, var(--bakudan-accent,#f43f5e) 12%, var(--bakudan-surface-raised,#1e293bfa))}.bakudan-videos__card:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:2px}.bakudan-videos__card-title{font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);color:var(--bakudan-text,#f8fafc);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.bakudan-videos__card-meta{font:var(--bakudan-font-mono,500 11px "JetBrains Mono", monospace);color:var(--bakudan-text-muted,#94a3b8);margin:0;font-size:11px;line-height:1.4}.bakudan-videos__card-attribution{font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);color:var(--bakudan-text-muted,#94a3b8);word-break:break-word;margin:0;font-size:11px;line-height:1.4}.bakudan-videos__controls{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.bakudan-throughput__quick{flex-wrap:wrap;gap:8px;display:flex}.bakudan-throughput__quick button{flex:none}.bakudan-devtools__status{font:var(--bakudan-font-mono,500 11px "JetBrains Mono", monospace);color:var(--bakudan-text,#f8fafc);border:1px solid var(--bakudan-border,#f8fafc2e);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.bakudan-devtools__dot{background:var(--bakudan-text-muted,#94a3b8);border-radius:999px;flex-shrink:0;width:8px;height:8px}.bakudan-devtools__dot--available{background:#4ade80}.bakudan-devtools__dot--reload-required{background:var(--bakudan-signal,#60a5fa)}.bakudan-devtools__dot--unavailable{background:var(--bakudan-text-muted,#94a3b8)}@media (width<=767px){#lab-drawer{width:min(92vw,360px);height:min(68vh,520px);max-height:68vh;bottom:12px;right:12px}#lab-drawer.bakudan-lab--closed{bottom:12px;right:12px}.bakudan-lab__header{padding:10px 12px 6px}.bakudan-lab__tab{padding:10px 12px 8px;font-size:10px}.bakudan-lab__panel,.bakudan-lab__help-modal{padding:12px}}@supports (height:68dvh){@media (width<=767px){#lab-drawer{max-height:68dvh}}}@media (prefers-reduced-motion:reduce){#lab-drawer{transition:none}}.bakudan-lab__tab[aria-selected=true]{border-bottom-width:3px}.bakudan-lab__range{accent-color:var(--bakudan-accent,#f43f5e)}#bakudan-header{background:var(--bakudan-surface,#07090d);border-bottom:1px solid var(--bakudan-border,#f8fafc2e);height:44px;min-height:44px;color:var(--bakudan-text,#f8fafc);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);contain:layout paint;grid-area:header;justify-content:center;align-items:center;gap:12px;padding:0 16px;display:flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){#bakudan-header{background:var(--bakudan-surface,#07090d)}}@media (prefers-reduced-motion:reduce){#bakudan-header{-webkit-backdrop-filter:none;backdrop-filter:none}}.bakudan-header{width:100%;max-width:1920px;font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);justify-content:space-between;align-items:center;gap:16px;display:flex}.bakudan-header__left{flex-shrink:0;align-items:center;gap:10px;min-width:0;display:flex}.bakudan-header__wordmark{font:var(--bakudan-font-display,600 14px "Outfit", "Inter", sans-serif);letter-spacing:-.02em;color:var(--bakudan-text,#f8fafc);white-space:nowrap;font-weight:700}.bakudan-header__pill{border:1px solid var(--bakudan-border,#f8fafc2e);height:22px;font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--bakudan-text-muted,#94a3b8);white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;line-height:1;display:inline-flex}.bakudan-header__pill--loading{color:var(--bakudan-signal,#60a5fa);border-color:var(--bakudan-signal,#60a5fa)}.bakudan-header__pill--error{color:var(--bakudan-accent,#f43f5e);border-color:var(--bakudan-accent,#f43f5e)}.bakudan-header__pill--stress{color:var(--bakudan-text,#f8fafc);border-color:var(--bakudan-border,#f8fafc2e)}.bakudan-header__pill--paused,.bakudan-header__pill--video{color:var(--bakudan-text-muted,#94a3b8)}.bakudan-header__center{flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.bakudan-header__video,.bakudan-header__track{font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);color:var(--bakudan-text-muted,#94a3b8);white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:13px;overflow:hidden}.bakudan-header__video{color:var(--bakudan-text,#f8fafc);font-weight:500}.bakudan-header__track:before{content:"·";color:var(--bakudan-text-muted,#94a3b8);margin-right:8px}.bakudan-header__right{flex-shrink:0;align-items:center;gap:12px;display:flex}.bakudan-header__metric{font:var(--bakudan-font-mono,500 11px "JetBrains Mono", monospace);color:var(--bakudan-text,#f8fafc);white-space:nowrap;font-size:11px}.bakudan-header__metric.secondary{color:var(--bakudan-text-muted,#94a3b8)}.bakudan-header__metric--fps{font:var(--bakudan-font-mono,500 11px "JetBrains Mono", monospace)}.bakudan-header__logo-icon{transition:transform .15s,box-shadow .15s;box-shadow:0 1px 6px #f43f5e59}.bakudan-header__left:hover .bakudan-header__logo-icon{transform:scale(1.05)rotate(-2deg);box-shadow:0 2px 10px #f43f5e80}.bakudan-header__wordmark{text-shadow:0 0 12px #f43f5e2e}.bakudan-header__center{border:1px solid var(--bakudan-border,#f8fafc24);background:var(--bakudan-surface-raised,#1e293bf5);border-radius:999px;gap:6px;max-width:560px;padding:6px 14px;box-shadow:0 2px 12px #00000040}.bakudan-header__search-icon{opacity:.9}.bakudan-header__avatar{transition:transform .15s;box-shadow:0 1px 4px #0000004d}.bakudan-header__avatar:hover{transform:scale(1.08)}#bakudan-header{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border-bottom-color:color-mix(in srgb, var(--bakudan-accent,#f43f5e) 12%, var(--bakudan-border,#f8fafc2e));box-shadow:0 1px #f8fafc0f,0 8px 24px #00000038}@media (width<=767px){#bakudan-header{gap:8px;height:36px;min-height:36px;padding:0 12px}.bakudan-header{gap:8px}.bakudan-header__center{display:none}.bakudan-header__metric--frame,.bakudan-header__metric--backend{display:none!important}.bakudan-header__pill{height:20px;padding:0 6px;font-size:10px}.bakudan-header__center{max-width:none;padding:4px 10px}}.bakudan-header__help{appearance:none;border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);width:24px;min-width:24px;height:24px;color:var(--bakudan-text,#f8fafc);font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.bakudan-header__help:hover{background:var(--bakudan-accent,#f43f5e);border-color:var(--bakudan-accent,#f43f5e);color:#fff;transform:scale(1.05)}.bakudan-header__help:active{transform:scale(.96)}.bakudan-header__help:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:2px}#command-deck{grid-area:footer;justify-content:center;align-items:center;padding:8px 12px;display:flex}.bakudan-command{background:var(--bakudan-surface,#07090d);border:1px solid var(--bakudan-border,#f8fafc2e);width:100%;max-width:960px;color:var(--bakudan-text,#f8fafc);font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);border-radius:14px;align-items:center;gap:12px;margin:0 auto;padding:8px 12px;display:flex}.bakudan-command__play,.bakudan-command__lab,.bakudan-command__send,.bakudan-command__rate,.bakudan-command__input{font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif)}.bakudan-command__play,.bakudan-command__lab{border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);min-width:64px;height:34px;color:var(--bakudan-text,#f8fafc);cursor:pointer;white-space:nowrap;border-radius:8px;flex:none;padding:0 14px}.bakudan-command__play[aria-pressed=true]{background:var(--bakudan-pulse,var(--bakudan-accent,#f43f5e));color:#fff;border-color:#0000}.bakudan-command__lab[aria-pressed=true]{background:var(--bakudan-surface-raised,#1e293bfa);border-color:var(--bakudan-signal,#60a5fa);color:var(--bakudan-signal,#60a5fa)}.bakudan-command__timeline-wrap{flex:160px;align-items:center;gap:8px;min-width:120px;display:flex;position:relative}.bakudan-command__timeline{appearance:none;cursor:pointer;--progress:0;--buffered-end:0;z-index:1;background:0 0;flex:1;width:100%;height:6px;position:relative}.bakudan-command__timeline-wrap:before{content:"";height:6px;width:calc(var(--buffered-end,0) * 100%);background:var(--bakudan-buffered-track,#94a3b88c);pointer-events:none;z-index:0;border-radius:3px;max-width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bakudan-command__timeline::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--bakudan-pulse,var(--bakudan-accent,#f43f5e)) 0% calc(var(--progress,0) * 100%), var(--bakudan-track,#f8fafc2e) calc(var(--progress,0) * 100%) 100%);border-radius:3px;height:6px}.bakudan-command__timeline::-moz-range-track{background:linear-gradient(to right, var(--bakudan-pulse,var(--bakudan-accent,#f43f5e)) 0% calc(var(--progress,0) * 100%), var(--bakudan-track,#f8fafc2e) calc(var(--progress,0) * 100%) 100%);border-radius:3px;height:6px}.bakudan-command__timeline::-webkit-slider-thumb{appearance:none;background:var(--bakudan-text,#f8fafc);border:2px solid var(--bakudan-surface,#07090d);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 2px #0000004d}.bakudan-command__timeline::-moz-range-thumb{background:var(--bakudan-text,#f8fafc);border:2px solid var(--bakudan-surface,#07090d);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #0000004d}.bakudan-command__elapsed{font:var(--bakudan-font-mono,500 11px "JetBrains Mono", monospace);color:var(--bakudan-text-muted,#94a3b8);white-space:nowrap;text-align:right;flex:none;min-width:92px}.bakudan-command__rate{border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);min-width:68px;height:34px;color:var(--bakudan-text,#f8fafc);cursor:pointer;border-radius:8px;flex:none;padding:0 8px}.bakudan-command__composer{flex:220px;align-items:center;gap:8px;min-width:160px;display:flex}.bakudan-command__input{border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);min-width:0;height:34px;color:var(--bakudan-text,#f8fafc);border-radius:8px;outline:none;flex:1;padding:0 12px}.bakudan-command__input::placeholder{color:var(--bakudan-text-muted,#94a3b8)}.bakudan-command__send{background:var(--bakudan-accent,#f43f5e);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:none;height:34px;padding:0 16px}.bakudan-command__send:hover{background:var(--bakudan-accent-hover,#e11d48)}.bakudan-command__send:disabled,.bakudan-command__play:disabled,.bakudan-command__timeline:disabled{opacity:.45;cursor:not-allowed}.bakudan-command__play:focus-visible,.bakudan-command__lab:focus-visible,.bakudan-command__send:focus-visible,.bakudan-command__input:focus-visible,.bakudan-command__rate:focus-visible,.bakudan-command__timeline:focus-visible{box-shadow:0 0 0 2px var(--bakudan-surface,#07090d), 0 0 0 4px var(--bakudan-focus-ring,var(--bakudan-signal,#60a5fa));outline:none}.bakudan-command{flex-wrap:wrap}.bakudan-command__stylebar{border-top:1px solid var(--bakudan-border,#f8fafc14);width:100%;font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);flex-wrap:wrap;flex:100%;order:5;align-items:center;gap:10px;margin-top:2px;padding:8px 4px 2px;display:flex}.bakudan-command__palette{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bakudan-command__color-dot{cursor:pointer;border:1px solid #f8fafc38;border-radius:999px;flex:none;width:18px;height:18px;padding:0;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 3px #00000040}.bakudan-command__color-dot:hover{transform:scale(1.12)}.bakudan-command__color-dot--active{box-shadow:0 0 0 2px var(--bakudan-surface,#07090d), 0 0 0 4px var(--bakudan-accent,#f43f5e);transform:scale(1.18)}.bakudan-command__fontsize{align-items:center;gap:4px;display:flex}.bakudan-command__fontsize-btn,.bakudan-command__style-toggle{border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);min-width:32px;height:26px;color:var(--bakudan-text,#f8fafc);font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);cursor:pointer;border-radius:999px;padding:0 8px;transition:background .15s,border-color .15s,color .15s}.bakudan-command__fontsize-btn--active,.bakudan-command__style-toggle--active{background:var(--bakudan-accent,#f43f5e);color:#fff;border-color:#0000}.bakudan-command__fontsize-btn:focus-visible,.bakudan-command__style-toggle:focus-visible,.bakudan-command__color-dot:focus-visible{box-shadow:0 0 0 2px var(--bakudan-surface,#07090d), 0 0 0 4px var(--bakudan-focus-ring,#60a5fa);outline:none}.bakudan-command__opacity{font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);color:var(--bakudan-text-muted,#94a3b8);align-items:center;gap:8px;margin-left:auto;display:flex}.bakudan-command__opacity-range{width:84px;accent-color:var(--bakudan-accent,#f43f5e);cursor:pointer}.bakudan-command__opacity-value{font:var(--bakudan-font-mono,500 11px "JetBrains Mono", monospace);color:var(--bakudan-text,#f8fafc);text-align:right;min-width:36px}.bakudan-command__send{box-shadow:0 1px 6px #f43f5e47}.bakudan-command__send:hover{box-shadow:0 2px 10px #f43f5e61}.bakudan-command__input{transition:border-color .15s,box-shadow .15s}.bakudan-command__input:focus-visible{border-color:var(--bakudan-signal,#60a5fa);box-shadow:0 0 0 2px color-mix(in srgb, var(--bakudan-signal,#60a5fa) 30%, transparent)}@media (width<=767px){#command-deck{padding:6px 8px}.bakudan-command{border-radius:12px;flex-wrap:wrap;gap:8px;padding:8px}.bakudan-command__play{order:0;min-width:56px;padding:0 10px}.bakudan-command__timeline-wrap{flex:1 1 0;order:1;min-width:80px}.bakudan-command__rate{order:2;min-width:64px}.bakudan-command__lab{order:3;min-width:56px;padding:0 10px}.bakudan-command__elapsed{display:none}.bakudan-command__composer{flex:100%;order:4;width:100%;min-width:0}.bakudan-command__stylebar{gap:8px;padding:6px 2px 2px}.bakudan-command__opacity{flex:100%;margin-left:0}.bakudan-command__opacity-range{flex:1;width:auto}}.bakudan-help-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07090d9e;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.bakudan-help-overlay--open{display:flex}.bakudan-help-overlay[hidden]{display:none!important}.bakudan-help__dialog{background:var(--bakudan-surface,#07090dfa);border:1px solid var(--bakudan-border,#f8fafc2e);width:min(640px,100%);max-height:min(78dvh,720px);color:var(--bakudan-text,#f8fafc);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000008c,0 8px 20px #00000059}.bakudan-help__header{border-bottom:1px solid var(--bakudan-border,#f8fafc2e);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.bakudan-help__title{font:var(--bakudan-font-display,600 14px "Outfit", "Inter", sans-serif);letter-spacing:-.02em;color:var(--bakudan-text,#f8fafc);margin:0;font-size:16px;font-weight:700}.bakudan-help__subtitle{font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);color:var(--bakudan-text-muted,#94a3b8);margin:2px 0 0;font-size:12px;line-height:1.4}.bakudan-help__close{appearance:none;border:1px solid var(--bakudan-border,#f8fafc2e);background:var(--bakudan-surface-raised,#1e293bfa);width:32px;min-width:32px;height:32px;color:var(--bakudan-text,#f8fafc);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.bakudan-help__close:hover{background:var(--bakudan-border,#f8fafc2e)}.bakudan-help__close:focus-visible{outline:2px solid var(--bakudan-focus-ring,#60a5fa);outline-offset:2px}.bakudan-help__body{scrollbar-width:thin;scrollbar-color:var(--bakudan-border,#94a3b84d) transparent;flex-direction:column;flex:auto;gap:18px;min-height:0;padding:16px 18px;display:flex;overflow-y:auto}.bakudan-help__section{flex-direction:column;gap:8px;display:flex}.bakudan-help__section-title{font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.06em;color:var(--bakudan-text-muted,#94a3b8);margin:0;font-size:11px}.bakudan-help__table{border-collapse:collapse;border:1px solid var(--bakudan-border,#f8fafc24);background:var(--bakudan-surface-raised,#1e293b80);border-radius:10px;width:100%;overflow:hidden}.bakudan-help__table th,.bakudan-help__table td{text-align:left;vertical-align:middle;font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);border-bottom:1px solid var(--bakudan-border,#f8fafc1a);padding:8px 10px;font-size:13px;line-height:1.4}.bakudan-help__table th{font:var(--bakudan-font-label,600 11px "Inter", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--bakudan-text-muted,#94a3b8);background:#f8fafc0a;font-size:11px}.bakudan-help__table tr:last-child td{border-bottom:none}.bakudan-help__table td:first-child{white-space:nowrap;width:38%}.bakudan-help__kbd{border:1px solid var(--bakudan-border,#f8fafc33);background:var(--bakudan-surface,#07090d);min-width:22px;height:22px;color:var(--bakudan-text,#f8fafc);font:var(--bakudan-font-mono,500 11px "JetBrains Mono", monospace);vertical-align:middle;border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;line-height:1;display:inline-flex;box-shadow:0 1px #0003}.bakudan-help__sep{color:var(--bakudan-text-muted,#94a3b8);margin:0 2px;font-size:11px;display:inline}.bakudan-help__footer{border-top:1px solid var(--bakudan-border,#f8fafc2e);flex-shrink:0;padding:12px 18px 14px}.bakudan-help__hint{font:var(--bakudan-font-ui,500 13px "Inter", system-ui, sans-serif);color:var(--bakudan-text-muted,#94a3b8);margin:0;font-size:11px;line-height:1.5}.bakudan-help__hint kbd{font:var(--bakudan-font-mono,500 11px "JetBrains Mono", monospace)}@media (width<=640px){.bakudan-help-overlay{align-items:flex-end;padding:12px}.bakudan-help__dialog{width:100%;max-height:82dvh}.bakudan-help__header{padding:14px 14px 10px}.bakudan-help__body{padding:14px}.bakudan-help__table td:first-child{width:42%}}@media (prefers-reduced-motion:reduce){.bakudan-help-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}
