.beep-sidebar{--nav-accent:#00d9ff;--nav-bg:#141414;--nav-border:rgba(51,51,51,0.8);--nav-text:#e8e8e8;--nav-muted:#808080;--nav-tertiary:#1a1a1a;--nav-elevated:#222222;--beep-sidebar-width-expanded:15.5rem;--beep-sidebar-width-collapsed:4.5rem}.beep-sidebar--expanded{width:var(--beep-sidebar-width-expanded)}.beep-sidebar--collapsed{width:var(--beep-sidebar-width-collapsed)}.beep-sidebar--panel-expanded{width:auto;min-width:calc(var(--beep-sidebar-width-expanded) + 10.75rem)}.beep-artist-shell{display:flex;height:100vh;min-height:0;flex-shrink:0}.beep-sidebar--nav-only{position:relative;z-index:40;height:100vh;min-height:0;flex-shrink:0;overflow:visible;transition:width .3s ease-in-out}.beep-sidebar--nav-only.beep-sidebar--expanded{width:var(--beep-sidebar-width-expanded)}.beep-sidebar--nav-only.beep-sidebar--collapsed{width:var(--beep-sidebar-width-collapsed)}.beep-sidebar--nav-only .beep-sidebar__shell{border-right:1px solid var(--nav-border)}.beep-artist-workspace{--workspace-bg:#1a1a1a;display:flex;width:var(--beep-artist-workspace-width,20rem);min-width:var(--beep-artist-workspace-width,20rem);flex-shrink:0;flex-direction:column;min-height:0;border-left:1px solid var(--nav-border);background:var(--workspace-bg)}.beep-artist-workspace__header{flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--nav-border) 70%,transparent);padding:.75rem 1rem;background:color-mix(in srgb,var(--nav-bg) 85%,var(--workspace-bg))}.beep-artist-workspace__title{margin:0;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--nav-muted)}.beep-artist-workspace__label{margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:500;color:var(--nav-text)}.beep-artist-workspace--embedded{height:100%;min-height:0;border-left:none;border-right:1px solid var(--nav-border)}.beep-artist-workspace__body{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:.75rem}.beep-sidebar__shell{display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden;border-right:1px solid var(--nav-border);background:var(--nav-bg)}.beep-sidebar__brand{flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--nav-border) 75%,transparent)}.beep-sidebar__brand--expanded{padding:1.25rem 1rem}.beep-sidebar__brand--collapsed{padding:1rem .5rem}.beep-sidebar__brand-compact{display:flex;justify-content:center}.beep-sidebar__brand-expanded{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.beep-sidebar__logo-expanded{display:block;height:1.75rem;width:auto}.beep-sidebar__logo-compact{display:block;height:2rem;width:2rem}.beep-sidebar__product-label{margin:0;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--nav-accent)}.beep-sidebar__context{flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--nav-border) 70%,transparent);padding:.625rem 1rem}.beep-sidebar__context-label{margin:0;font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--nav-muted)}.beep-sidebar__context-value{margin:.125rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;color:var(--nav-text)}.beep-sidebar__nav-body{display:flex;min-height:0;flex:1;flex-direction:column}.beep-sidebar__nav-scroll{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:.75rem .5rem}.beep-sidebar__nav-scroll--panel{width:100%;flex:1;border-right:none}.beep-sidebar__nav-column{position:relative;display:flex;min-height:0;flex-shrink:0;flex-direction:column;transition:width .3s ease-in-out;width:var(--beep-sidebar-width-expanded);border-right:1px solid var(--nav-border)}.beep-sidebar__nav-column--collapsed{width:var(--beep-sidebar-width-collapsed)}.beep-sidebar__group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:.375rem;padding:.5rem .75rem;text-align:left;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--nav-muted);transition:color .2s ease}.beep-sidebar__group-toggle:hover{color:#b0b0b0}.beep-sidebar__group-toggle--active{color:var(--nav-text)}.beep-sidebar__group-chevron{flex-shrink:0;transition:transform .2s ease}.beep-sidebar__group-chevron--open{transform:rotate(0deg)}.beep-sidebar__group-chevron--closed{transform:rotate(-90deg)}.beep-sidebar__group-panel{display:grid;transition:grid-template-rows .2s ease}.beep-sidebar__group-panel--open{grid-template-rows:1fr}.beep-sidebar__group-panel--closed{grid-template-rows:0fr}.beep-sidebar__group-items{overflow:hidden}.beep-sidebar__link{position:relative;display:flex;align-items:center;border-radius:.5rem;color:var(--nav-muted);transition:all .2s ease}.beep-sidebar__link:hover{background:color-mix(in srgb,var(--nav-tertiary) 80%,transparent);color:var(--nav-text)}.beep-sidebar__link--active{background:color-mix(in srgb,var(--nav-accent) 12%,transparent);color:var(--nav-accent)}.beep-sidebar__link--root{gap:.75rem;padding:.625rem .75rem}.beep-sidebar__link--nested{gap:.625rem;padding:.5rem .75rem .5rem 2.25rem}.beep-sidebar__link--collapsed{justify-content:center;padding:.625rem .5rem}.beep-sidebar__link-indicator{position:absolute;left:0;top:50%;height:1.25rem;width:2px;transform:translateY(-50%);border-radius:9999px;background:var(--nav-accent)}.beep-sidebar__link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.beep-sidebar__link-label--root{font-size:.875rem}.beep-sidebar__link-label--nested{font-size:.8125rem}.beep-sidebar__divider{margin:.5rem;border-top:1px solid color-mix(in srgb,var(--nav-border) 60%,transparent)}.beep-sidebar__footer-nav{flex-shrink:0;border-top:1px solid color-mix(in srgb,var(--nav-border) 50%,transparent);padding:.625rem .5rem}.beep-sidebar__user{flex-shrink:0;border-top:1px solid var(--nav-border)}.beep-sidebar__user--expanded{padding:.75rem}.beep-sidebar__user--collapsed{padding:.5rem}.beep-sidebar__toggle{position:absolute;right:-.75rem;top:1.75rem;z-index:50;pointer-events:auto;display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid color-mix(in srgb,var(--nav-border) 80%,transparent);background:var(--nav-elevated);color:#b0b0b0;box-shadow:0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.35);transition:border-color .2s ease,background .2s ease}.beep-sidebar__toggle:hover{border-color:color-mix(in srgb,var(--nav-accent) 30%,transparent);background:var(--nav-tertiary)}.beep-sidebar__toggle:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--nav-accent) 50%,transparent)}.beep-sidebar__panel-body{display:flex;min-height:0;flex:1}.beep-sidebar__panel-content{min-width:10.75rem;flex:1;overflow-y:auto;padding:.75rem}