.toolbar{background:var(--bg-toolbar);border-bottom:1px solid var(--border);grid-column:1/-1;align-items:center;gap:4px;padding:0 8px;display:flex}.toolbar button{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.toolbar button:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar .separator{background:var(--border);width:1px;height:20px;margin:0 4px}.toolbar button svg,.toolbar button .codicon,.toolbar button img{pointer-events:none;display:block}.toolbar .brand-btn{padding:6px 8px}.toolbar .brand-btn img{width:auto;height:20px}.play-stop-group{gap:2px;display:inline-flex;position:relative}.play-stop-group>button>span.codicon{font-size:20px}.play-stop-group .stop-btn{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar button:disabled:hover{color:var(--text-secondary);background:0 0}.toolbar .status-text{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;margin-left:8px;display:inline-block;position:relative;overflow:hidden}.toolbar .status-text.status-error{color:var(--danger);font-style:italic}.toolbar .status-text.status-warning{color:var(--warning);font-style:italic}.toolbar .status-text:not(:empty):hover:after{content:attr(data-full);border:1px solid var(--border);background:var(--bg-hover);max-width:min(60vw,560px);color:var(--text-primary);white-space:normal;text-overflow:initial;box-shadow:0 8px 24px var(--shadow-color);z-index:20;pointer-events:none;border-radius:999px;padding:8px 10px;line-height:1.35;position:absolute;top:calc(100% + 6px);right:0;overflow:visible}.toolbar .status-text.status-error:hover:after{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.toolbar .status-text.status-warning:hover:after{border-color:color-mix(in srgb, var(--warning) 40%, var(--border))}.toolbar .toggle-btn{opacity:.4}.toolbar .toggle-btn.active{opacity:1}.toolbar-spacer{flex:1 1 0;min-width:0}.toolbar-spacer-half{flex:.5 1 0;min-width:0}.toolbar-status-slot{align-items:center;display:flex}.toolbar .toolbar-overflow-btn{display:none}@media (max-width:599px){.toolbar .toolbar-collapsible{display:none}.toolbar .toolbar-overflow-btn{display:inline-flex}}