.visual-panel{box-sizing:border-box;pointer-events:auto;border:1px solid var(--panel-border,var(--paper-border,#d8d6cb));background:var(--panel-background,var(--paper-bg,#f6f4ed));min-width:200px;min-height:150px;color:var(--panel-foreground,var(--paper-ink,#33332c));box-shadow:var(--panel-shadow,0 3px 12px #33332c0a);font:var(--ui-font-size,14px)/1.4 var(--ui-font,sans-serif);border-radius:5px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.visual-panel[data-collapsed=true]{min-height:0}.visual-panel:focus-within{border-color:var(--panel-highlight,var(--paper-accent,#de724e))}.visual-panel__header{border-bottom:1px solid var(--panel-border,var(--paper-border,#d8d6cb));flex:none;align-items:center;gap:2px;min-height:40px;padding:0 4px;display:flex}.visual-panel__header>button,.visual-panel>.visual-panel__resize{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.visual-panel__header>button{flex:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:4px;display:flex}.visual-panel__header>button:disabled{cursor:default;opacity:.38}.visual-panel__header>button:hover:not(:disabled){background:color-mix(in srgb, var(--panel-border,var(--paper-border,#d8d6cb)) 40%, transparent);border-radius:4px}.visual-panel__header>button:focus-visible,.visual-panel>.visual-panel__resize:focus-visible,.visual-view__toolbar button:focus-visible{outline:2px solid var(--panel-highlight,var(--paper-accent,#de724e));outline-offset:-2px}.visual-panel__move{touch-action:none;-webkit-user-select:none;user-select:none;gap:7px;cursor:grab!important;flex:auto!important;justify-content:flex-start!important;min-width:0!important}.visual-panel__title{text-overflow:ellipsis;white-space:nowrap;font:650 var(--panel-header-font-size,14px)/1.3 var(--panel-header-font,var(--ui-font,sans-serif));overflow:hidden}.visual-panel__song{text-overflow:ellipsis;white-space:nowrap;opacity:.62;font-size:var(--ui-small-font-size,12px);overflow:hidden}.visual-panel__body{background:#000;flex:1;min-height:0;position:relative}.visual-panel__body[hidden],.visual-panel__resize[hidden]{display:none}.visual-panel__resize{z-index:3;text-align:right;touch-action:none;-webkit-user-select:none;user-select:none;width:28px;height:28px;padding:0 3px 2px 0;position:absolute;bottom:0;right:0;color:#fffc!important;cursor:nwse-resize!important;font-size:22px!important}.visual-view{color:#f4f4f4;font-size:12px;position:absolute;inset:0;overflow:hidden}.visual-view__host{background:#000;position:absolute;inset:0}.visual-view__host:fullscreen{background:#000;position:absolute;inset:0}.visual-canvas{width:100%;height:100%;display:block}.visual-view__message{text-align:center;color:#d9d9d9;pointer-events:none;background:#000c;place-items:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.visual-view__toolbar{opacity:0;background:#000a;border-radius:6px;gap:2px;padding:2px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.visual-view:hover .visual-view__toolbar,.visual-view__toolbar:focus-within,.visual-view[data-state=paused] .visual-view__toolbar{opacity:1}.visual-view__toolbar button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.visual-view__toolbar button:hover{background:#fff2}.visual-view__status{font-variant-numeric:tabular-nums;pointer-events:auto;background:#0009;border-radius:4px;align-items:center;gap:6px;padding:1px 6px;display:flex;position:absolute;bottom:6px;left:6px}.visual-view__backend{letter-spacing:.02em;font-weight:650}.visual-view__errors-toggle{color:#111;font:inherit;cursor:pointer;background:#ffb547;border:0;border-radius:3px;padding:0 4px}.visual-view__errors{color:#ffd9a3;max-height:50%;font:12px/1.45 var(--code-font,monospace);background:#1b1206ee;border-radius:4px;margin:0;padding:8px 8px 8px 22px;position:absolute;bottom:30px;left:6px;right:6px;overflow:auto}.reduced-motion .visual-view__toolbar{transition:none}@media (hover:none){.visual-view__toolbar{opacity:1}}