/* Quiet working surfaces, stable identity and a single import entry point. */
:root{--bp-bg:#0b1117;--bp-panel:#121c25;--bp-raised:#1b2a35;--bp-line:#30434f;--bp-muted:#a5b9c5;--bp-text:#edf5f9}
body.light{--bp-bg:#f3f6f8;--bp-panel:#fff;--bp-raised:#e8eff3;--bp-line:#c6d3dc;--bp-muted:#4d6271;--bp-text:#152e3d}
.bp-brand-lockup{display:inline-flex!important;align-items:center;gap:10px;white-space:nowrap;color:var(--bp-text);direction:ltr}
.bp-logo-symbol{width:44px!important;height:44px!important;flex:none;color:#00bdd3}
.bp-wordmark{display:flex!important;flex-direction:column;gap:3px}
.bp-wordmark strong{font:750 15px/1.2 system-ui,sans-serif;letter-spacing:-.35px;color:var(--bp-text)}
.bp-wordmark strong span{display:inline!important;color:var(--bp-accent)}
.bp-wordmark small{font:600 9px/1.2 system-ui,sans-serif;letter-spacing:2px;color:var(--bp-muted)}
.studio-mark{min-height:48px!important;width:auto!important;background:none!important}
.logger-workspace .hdr{min-height:66px!important;background:var(--bp-panel)!important;box-shadow:none;padding:8px 20px!important}
.logger-workspace .hdr-left{min-width:230px!important}
.logger-workspace .main,.logger-workspace .sidebar{background:var(--bp-bg)!important;background-image:none!important}
.logger-workspace .bp-workspace-head,.logger-workspace.bp-has-data .bp-workspace-head{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:0!important;padding:24px var(--studio-gutter)!important;background:none!important;margin-bottom:0;border:0}
.logger-workspace .bp-workspace-head:after,.bp-instrument{display:none!important}
.logger-workspace .bp-workspace-head h1,.logger-workspace.bp-has-data .bp-workspace-head h1,.logger-workspace:not(.bp-has-data) .bp-workspace-head h1{font-size:28px!important;line-height:1.2!important;letter-spacing:-.8px!important;white-space:normal;text-shadow:none;margin:0}
.logger-workspace .bp-workspace-head p{font-size:13px!important;line-height:1.5;font-weight:400;letter-spacing:0!important;margin:6px 0 0!important;overflow-wrap:anywhere}
.logger-workspace .bp-eyebrow{display:none}
.studio-workspace-actions{width:auto;flex:none;gap:8px}.studio-workspace-actions[hidden]{display:none!important}
.studio-button.primary,.logger-workspace .dz-btn{background:#00bed3!important;color:#00232b!important;border:1px solid #00bed3!important;box-shadow:none!important}
.studio-button:hover,.studio-button.primary:hover,.studio-button:active,.logger-workspace .ch-item:hover,.logger-workspace .ch-chip:hover{transform:none;box-shadow:none}
.logger-workspace .bp-session{background:var(--bp-panel);border-color:var(--bp-line);box-shadow:none}
.logger-workspace .bp-session>div:first-child{border-left:0}
.logger-workspace .bp-session>div:first-child strong{font-family:inherit;color:var(--bp-text)}
.logger-workspace #drop-zone{background:var(--bp-panel)!important;box-shadow:none!important;border:1px dashed var(--bp-line)!important;min-height:310px;border-radius:12px}
.logger-workspace #drop-zone:before,.logger-workspace #drop-zone:after{display:none!important}
.logger-workspace #drop-zone>div{padding:28px 20px!important;max-width:540px;margin:auto}
.logger-workspace .bp-import-icon{width:52px;height:52px;border-radius:12px;background:var(--bp-raised);border:0;transform:none;box-shadow:none;margin:0 auto 16px}
.logger-workspace .bp-import-icon svg{transform:none;width:26px;height:26px}
.logger-workspace .dz-title{font-size:22px!important;line-height:1.3;margin-bottom:8px}
.logger-workspace .dz-sub{font-size:14px!important;line-height:1.6;color:var(--bp-muted);margin:0 auto 20px!important;max-width:380px}
.logger-workspace .dz-btn{min-height:46px!important;font-size:14px!important;border-radius:8px;padding:12px 22px}
.logger-workspace .bp-import-hint{font:11px/1.5 system-ui,sans-serif;letter-spacing:.2px;margin:16px 0 0}
.bp-import-options{margin:8px auto 0;max-width:320px;font:13px/1.5 system-ui,sans-serif;color:var(--bp-muted)}
.bp-import-options summary{cursor:pointer;min-height:44px;align-content:center;list-style-position:inside}
.bp-import-options .bp-encoding-select{display:block;width:100%;margin:0;min-height:44px;font-size:14px}
.bp-import-options summary:focus-visible{outline:2px solid var(--bp-accent);outline-offset:2px;border-radius:4px}
#bp-sidebar-encoding{display:none}
.logger-workspace.bp-has-data #main-panel{background:var(--bp-panel)!important;border-color:var(--bp-line)!important;box-shadow:none!important;border-radius:10px!important}
.logger-workspace .panel-hdr{background:var(--bp-panel)!important;min-height:48px;border-color:var(--bp-line);padding:12px 16px!important}
.logger-workspace #lbl-main{font:650 12px/1.3 system-ui,sans-serif;letter-spacing:.6px}
.bp-trace-symbol{width:25px;height:20px;filter:none}.bp-trace-badge{display:none}
.logger-workspace .bp-scale-note{font-size:12px!important;margin:8px 14px 0;border:0;padding:0!important}
.logger-workspace #channel-chips{background:var(--bp-panel)!important}
.logger-workspace .stat-card,.studio-check-card{background:var(--bp-panel)!important;box-shadow:none}
.logger-workspace .stat-peak{text-shadow:none}.logger-workspace .ch-dot{box-shadow:none}
.pro-auth .bp-brand-lockup{min-height:56px}.pro-admin .bp-admin-brand .bp-wordmark{display:flex!important}
@media(max-width:768px){
 .logger-workspace .hdr{padding:6px 12px!important;min-height:60px!important;gap:8px}
 .logger-workspace .hdr-left{min-width:0!important}
 .logger-workspace .bp-logo-symbol{width:34px!important;height:38px!important}
 .logger-workspace .bp-brand-lockup{gap:7px}
 .logger-workspace .bp-wordmark strong{font-size:12px;letter-spacing:-.3px}
 .logger-workspace .bp-wordmark small{font-size:8px;letter-spacing:1.4px}
 .logger-workspace .studio-header-actions #theme-btn,.logger-workspace #sb-toggle-btn{min-width:44px!important;width:44px!important;min-height:44px!important}
 .logger-workspace .bp-workspace-head,.logger-workspace.bp-has-data .bp-workspace-head{padding:18px 16px!important;flex-wrap:wrap;gap:12px}
 .logger-workspace .bp-workspace-head h1,.logger-workspace.bp-has-data .bp-workspace-head h1,.logger-workspace:not(.bp-has-data) .bp-workspace-head h1{font-size:24px!important}
 .logger-workspace .bp-workspace-head p{font-size:12px!important}
 .logger-workspace .studio-workspace-actions{width:100%;display:flex}
 .studio-workspace-actions button{flex:1;min-height:44px!important;padding:10px!important}
 .logger-workspace .bp-session>div{padding:9px 12px}.logger-workspace .bp-session strong{font-size:17px}
 .logger-workspace .panel-body{height:300px!important}
 .logger-workspace #drop-zone{min-height:0;margin-top:0}
 .logger-workspace #drop-zone>div{padding:24px 16px!important}
 .logger-workspace .dz-title{font-size:20px!important}
 .logger-workspace .dz-sub{font-size:13px!important}
 .logger-workspace .bp-navigation{box-shadow:none;background:var(--bp-panel)}
 .logger-workspace .bp-navigation a[aria-current=page]{box-shadow:none;background:var(--bp-raised)}
}
@media(max-width:359px){.logger-workspace .bp-wordmark strong{font-size:10px}.logger-workspace .bp-logo-symbol{width:30px!important}.logger-workspace .bp-brand-lockup{gap:5px}}

/* Full flow review: compact chrome, readable labels and reachable controls. */
html{scroll-padding-block:80px}
.pro-auth>.card .logo{display:none!important}
.studio-auth-features,.logger-workspace .bp-import-hint{font-size:12px}
.studio-site-header>.studio-mark{order:0;margin-right:auto}
.studio-site-header>nav{order:1}
.studio-site-header>#bp-language-select{order:2;max-width:150px;margin:0}
.bp-sidebar-import{padding:0 16px;color:var(--bp-muted);font-size:12px;flex:none}
.bp-sidebar-import summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.bp-sidebar-import summary:focus-visible{outline:2px solid var(--bp-accent)}
.bp-sidebar-import #bp-sidebar-encoding{display:block;width:100%;min-height:44px;font-size:14px;margin:0 0 12px;background:var(--bp-panel);color:var(--bp-text);border:1px solid var(--bp-line);border-radius:8px}
.bp-admin-menu-toggle{display:none}
#studio-garage-close{float:right;position:sticky;top:0;z-index:2;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;background:var(--bp-panel);border:1px solid var(--bp-line);font-size:26px;justify-content:center}
#gm-title,#gm-sub{padding-right:52px}
.pro-admin .topbar{flex-wrap:wrap;gap:10px;height:auto}
.pro-admin .topbar>*{max-width:100%;min-width:0}
.pro-admin .topbar>div{flex-wrap:wrap}
.pro-admin .stat .up{color:#187d58}
.logger-workspace .bp-session small{font-size:11px;letter-spacing:.5px}
@media(min-width:769px){.logger-workspace:not(.bp-has-data) #drop-zone{flex:0 0 auto;height:auto;min-height:360px;max-height:none;margin-top:12px}}
@media(max-width:768px){
 html{scroll-padding-block:72px 90px}
 .logger-workspace.bp-has-data .bp-workspace-head{flex-wrap:nowrap;padding:14px 16px!important;gap:10px}
 .logger-workspace.bp-has-data .bp-workspace-head>div:first-child{min-width:0}
 .logger-workspace.bp-has-data .bp-workspace-head h1{font-size:22px!important}
 .logger-workspace.bp-has-data .studio-workspace-actions{width:auto;flex:none}
 .logger-workspace.bp-has-data #studio-import{font-size:12px;gap:6px}
 .logger-workspace.bp-has-data .bp-session{margin-bottom:10px}
 .logger-workspace.bp-has-data .bp-session>div:first-child{padding:7px 12px}
 .logger-workspace.bp-has-data .bp-session>div{padding:7px 12px}
 .logger-workspace .bp-chart-tools button{min-height:44px!important;font-size:12px!important}
 .logger-workspace .stat-name,.logger-workspace .stat-sub{font-size:12px!important}
 .studio-site-header{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;padding:10px 16px}
 .studio-site-header>.studio-mark{margin:0;min-width:0}
 .studio-site-header .bp-logo-symbol{width:32px!important;height:38px!important}
 .studio-site-header .bp-brand-lockup{gap:6px}
 .studio-site-header .bp-wordmark strong{font-size:11px}
 .studio-site-header .bp-wordmark small{font-size:8px;letter-spacing:1px}
 .studio-site-header>#bp-language-select{grid-column:2;grid-row:1;width:112px;min-height:44px;font-size:14px}
 .studio-site-header>nav{grid-column:1/-1;grid-row:2;min-width:0}
 .studio-site-header nav a{min-height:44px;flex:1;justify-content:center;padding:8px 4px}
 .pro-admin .bp-admin-sidebar{display:flex;padding:10px 16px;gap:8px;align-items:center}
 .pro-admin .bp-admin-brand{width:100%;padding:0}
 .pro-admin .bp-admin-brand .studio-mark{padding:0}
 .bp-admin-menu-toggle{display:flex;align-items:center;justify-content:space-between;min-height:44px;width:100%;padding:10px 12px;background:var(--bp-panel);color:var(--bp-text);border:1px solid var(--bp-line);border-radius:8px;font:600 13px/1.4 system-ui;cursor:pointer}
 .bp-admin-menu-toggle:after{content:'⌄';font-size:18px}
 .bp-admin-menu-toggle[aria-expanded=true]:after{content:'⌃'}
 .pro-admin .bp-admin-sidebar>a{display:none;min-height:44px;font-size:13px;flex:1 0 40%}
 .pro-admin .bp-admin-sidebar.menu-open>a{display:flex}
 .pro-admin .topbar{position:static;min-height:0;margin-bottom:16px;padding-block:10px}
 .pro-admin .topbar .btn{min-height:44px}
 .bp-admin-intro{padding-block:8px 16px}
 .bp-admin-intro h1{font-size:28px}
 .pro-admin th{font-size:12px;letter-spacing:.3px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:359px){.pro-page:not(.pro-auth) .top{flex-wrap:wrap;gap:12px}.pro-page .back{white-space:nowrap}.pro-page:not(.pro-auth) h1{font-size:26px}}
