/* BytePerformance Studio — application layout, September 2026. */
:root{--bp-bg:#090d12;--bp-panel:#11171e;--bp-raised:#1b2530;--bp-line:#293540;--bp-text:#f1f5f8;--bp-muted:#a5b4c3;--bp-accent:#72edca;--bp-ink:#07261e;--bp-radius:16px;--studio-gutter:32px;--studio-shadow:0 8px 32px #00000016}
body.light{--bp-bg:#f0f3f5;--bp-panel:#fff;--bp-raised:#e8eef0;--bp-line:#ced8df;--bp-text:#152736;--bp-muted:#526777;--bp-accent:#06755c;--bp-ink:#fff;--studio-shadow:0 8px 32px #15304408}
html:has(.logger-workspace){height:100%;overflow:hidden}
body.logger-workspace{margin:0!important;padding:0!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.studio-mark{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--bp-text)!important;flex:none;min-height:44px}
.studio-emblem{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--bp-accent);color:var(--bp-ink);font-size:16px;font-weight:850;letter-spacing:-2px;padding-right:2px;transform:skew(-5deg)}
.studio-wordmark{font-size:15px;letter-spacing:-.3px;font-weight:750;line-height:1.25}.studio-wordmark small{display:block;font-size:10px;font-weight:500;letter-spacing:2.1px;text-transform:uppercase;margin-top:4px;color:var(--bp-muted)}
.studio-icon{width:18px;height:18px;flex:none;vertical-align:middle;display:inline-block}
.logger-workspace .hdr{padding:12px 24px!important;min-height:76px!important;height:auto!important;flex-wrap:wrap!important;gap:20px!important;background:var(--bp-bg)!important;position:relative;z-index:120;overflow:visible!important;isolation:isolate}
.logger-workspace .hdr-left{margin:0!important;min-width:218px;order:0!important}.logger-workspace .hdr-sep{display:none!important}
.logger-workspace .bp-navigation{margin:0 auto 0 4px;gap:5px;order:1;flex:none;width:auto;padding:0;border:0;align-self:stretch}
.bp-navigation a{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:9px;font-size:13px!important;color:var(--bp-muted)}
.logger-workspace .bp-navigation a[aria-current=page]{background:var(--bp-panel);color:var(--bp-text);box-shadow:inset 0 -2px var(--bp-accent)}
.studio-header-actions{display:flex;gap:8px;align-items:center;margin-left:auto;order:2;flex:none}
.logger-workspace .hdr-btn,.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px!important;height:auto!important;padding:10px 14px!important;border:1px solid var(--bp-line)!important;background:var(--bp-panel);color:var(--bp-text);border-radius:9px;font:600 12px/1.25 var(--bp-font);text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s,box-shadow .18s}
.studio-button:hover,.logger-workspace .hdr-btn:hover{border-color:var(--bp-muted)!important;background:var(--bp-raised)}
.studio-button.primary{background:var(--bp-accent)!important;border-color:var(--bp-accent)!important;color:var(--bp-ink)!important}
.studio-button.primary:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--bp-accent) 12%,transparent)}
.logger-workspace .studio-header-actions #theme-btn{display:inline-flex!important;width:44px;padding:0!important}.logger-workspace #lang-sel{display:block!important;min-height:44px;width:52px;text-align:center;font-size:12px;background:var(--bp-panel);border-color:var(--bp-line);color:var(--bp-muted)}
.logger-workspace #btn-logout{display:inline-flex!important;width:44px;padding:0!important}.logger-workspace #btn-logout .logout-label{display:none}
.logger-workspace .app{display:flex!important;flex:1 1 0!important;min-height:0!important;overflow:hidden;grid-template-columns:none!important}
.logger-workspace .sidebar{width:264px!important;min-width:264px!important;padding:18px 12px 12px!important;background:var(--bp-bg)!important;flex-shrink:0;border-right:1px solid var(--bp-line);overflow:hidden}
.logger-workspace .sb-head{padding:12px 8px 20px}.logger-workspace .sb-title{font-size:11px;letter-spacing:1.8px}.logger-workspace .sb-badge{font-size:11px;padding:4px 8px;border:1px solid var(--bp-line);color:var(--bp-accent)}
.logger-workspace .sb-search{padding:0 2px 18px!important;border:0!important}.logger-workspace .sb-search input{background:var(--bp-panel)!important;border-radius:10px;font-size:13px;padding:12px!important;min-height:44px}
.logger-workspace #sb-list{padding:0 2px}.logger-workspace .ch-block{padding:20px 8px 10px;font-size:10px;letter-spacing:1.4px;border:0!important}
.logger-workspace .ch-item{min-height:58px;gap:10px;padding:11px 12px;margin-bottom:5px;border:1px solid transparent;border-radius:10px}
.logger-workspace .ch-item.active{background:var(--bp-panel)!important;border-color:var(--bp-line);box-shadow:inset 2px 0 var(--bp-accent)}
.logger-workspace .ch-name{font-size:13px;font-weight:500;line-height:1.45}.logger-workspace .ch-unit{font:11px/1.4 var(--bp-font);margin-top:3px}.logger-workspace .ch-dot{width:8px;height:8px;border-radius:3px}
.logger-workspace .sb-actions{padding:14px 2px 8px;gap:8px;border-top:1px solid var(--bp-line)}.logger-workspace .sb-actions button{font-size:12px;min-height:44px;background:var(--bp-panel)}
.logger-workspace :is(#btn-garage,#btn-settings){display:none!important}.studio-sidebar-foot{color:var(--bp-muted);font-size:11px;padding:16px 8px 8px;line-height:1.7;letter-spacing:.3px}.studio-sidebar-foot strong{font-weight:500;color:var(--bp-text)}
.logger-workspace .main{display:flex;flex-direction:column;min-height:0;min-width:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--bp-panel)}
.bp-workspace-head,.logger-workspace.bp-has-data .bp-workspace-head{padding:30px var(--studio-gutter) 22px!important;align-items:center;gap:20px}
.bp-eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--bp-accent);margin-bottom:8px}
.bp-workspace-head h1,.logger-workspace.bp-has-data .bp-workspace-head h1{font-size:32px!important;font-weight:620;letter-spacing:-1.2px;line-height:1.15;margin:0}
.bp-workspace-head p,.logger-workspace.bp-has-data .bp-workspace-head p{display:block!important;font-size:13px;margin-top:9px;color:var(--bp-muted)}
.bp-state{display:none}.studio-workspace-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.studio-workspace-actions [hidden]{display:none!important}
.bp-session{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(70px,1fr));margin:0 var(--studio-gutter) 20px;gap:0;background:var(--bp-bg);border:1px solid var(--bp-line);border-radius:12px}
.bp-session>div{padding:14px 20px;background:transparent;position:relative}.bp-session>div+div:before{content:"";height:30px;width:1px;background:var(--bp-line);position:absolute;left:0;top:22px}
.bp-session small{font-size:9px;letter-spacing:1.5px;margin-bottom:5px}.bp-session strong{font-size:21px;letter-spacing:-.6px;font-weight:550}.bp-session>div:first-child strong{font-size:13px;letter-spacing:0;padding-top:5px}
.logger-workspace .bp-chart-tools{margin:0 var(--studio-gutter) 18px;padding:0;gap:7px;align-items:center;order:0}
.logger-workspace .bp-chart-tools button{min-height:40px!important;background:transparent;font-size:11px;padding:8px 11px!important}.logger-workspace .bp-chart-tools button.accent{background:var(--bp-raised)!important;color:var(--bp-accent)!important;border-color:var(--bp-accent)!important}
.logger-workspace .bp-chart-tools #btn-comp{margin-right:auto}.studio-tool-label{font-size:9px;color:var(--bp-muted);letter-spacing:1.3px;text-transform:uppercase;margin-right:4px}
.logger-workspace :is(.ecu-info,#notes-bar){margin:0 var(--studio-gutter);border:0!important;padding:8px 0!important;flex:none;background:transparent!important;font-size:11px;gap:18px}
.logger-workspace .ecu-info{border-top:1px solid var(--bp-line)!important;flex-wrap:wrap}.logger-workspace #notes-bar{padding-bottom:16px!important;gap:12px}.logger-workspace #notes-bar>span{color:var(--bp-muted);font-size:9px!important;letter-spacing:1.2px!important}.logger-workspace #log-notes-input{font-size:12px!important;min-width:0;min-height:28px}
.logger-workspace .panels{padding:0 var(--studio-gutter) 32px!important;gap:20px;overflow:visible;flex:1;min-height:0}
.logger-workspace.bp-has-data #main-panel{min-height:0!important;background:var(--bp-bg)!important;border:1px solid var(--bp-line);box-shadow:var(--studio-shadow);border-radius:14px;flex:none!important;overflow:hidden}
.logger-workspace .panel-hdr{padding:18px 20px!important;background:var(--bp-bg)!important;min-height:62px;gap:12px}.logger-workspace .panel-hdr-label{font-size:14px!important;text-transform:none;font-weight:600;letter-spacing:-.1px}.logger-workspace .panel-hdr-info{font-size:11px}
.logger-workspace.bp-has-data .panel-body{height:clamp(320px,43vh,580px)!important;display:flex;flex-direction:column;background:var(--bp-bg)!important;min-height:320px}.logger-workspace #main-wrap{flex:1;min-height:260px!important;height:auto!important;width:100%;min-width:0}
.logger-workspace .bp-scale-note{background:var(--bp-bg);font-size:11px;padding:12px 20px;color:var(--bp-muted);flex:none}.logger-workspace #channel-chips{background:var(--bp-bg)!important;padding:14px 20px!important;gap:8px}.logger-workspace .ch-chip{min-height:34px!important;font-size:11px!important;border-radius:6px!important;padding:7px 10px!important}
.logger-workspace .stat-wrap{background:transparent!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:12px;padding:0!important;overflow:visible;max-height:none!important;flex-shrink:0;margin-top:0}
.logger-workspace .stat-card{padding:18px 20px!important;border:1px solid var(--bp-line)!important;border-radius:12px;min-width:0;max-width:none!important;background:var(--bp-bg)!important;position:relative;transition:border-color .18s,background .18s}
.logger-workspace .stat-card:before{content:"";position:absolute;left:20px;top:0;width:30px;height:2px;background:var(--studio-channel,var(--bp-accent))}.logger-workspace .stat-card:hover{border-color:var(--bp-muted)!important;background:var(--bp-raised)!important}.logger-workspace .stat-name{font-size:11px!important;line-height:1.5;min-height:17px}.logger-workspace .stat-peak{font-size:30px!important;line-height:1.35!important;color:var(--bp-text);letter-spacing:-1px;margin:9px 0}.logger-workspace .stat-sub{font-size:11px!important;display:flex;gap:16px}.studio-stats-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--bp-muted);margin:4px 0 -8px}
.logger-workspace #drop-zone{min-height:330px;border:1px dashed var(--bp-line);border-radius:16px;background:var(--bp-bg)!important;padding:40px 24px;flex:1;position:relative;overflow:hidden}
.logger-workspace #drop-zone>div{position:relative;z-index:1}.logger-workspace .dz-title{font-size:26px;letter-spacing:-.8px;margin-top:22px}.logger-workspace .dz-sub{font-size:14px;max-width:430px}.logger-workspace .bp-import-icon{border-radius:16px;background:var(--bp-panel);width:62px;height:62px;box-shadow:0 0 60px color-mix(in srgb,var(--bp-accent) 8%,transparent)}
.studio-empty-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;flex:none}.studio-step{padding:18px 0;border-top:1px solid var(--bp-line)}.studio-step small{font:11px ui-monospace,monospace;color:var(--bp-accent);display:block;margin-bottom:10px}.studio-step h2{font-size:14px;font-weight:600;margin-bottom:6px}.studio-step p{color:var(--bp-muted);font-size:12px;line-height:1.7}
.studio-chart-empty{padding:24px;text-align:center;color:var(--bp-muted);font-size:13px;background:var(--bp-bg)}
.logger-workspace #fs-btn{min-width:40px;min-height:40px;border-radius:8px;background:var(--bp-panel)}
.studio-site-header{display:flex;align-items:center;gap:40px;min-height:80px;padding:16px 40px;background:var(--bp-bg);border-bottom:1px solid var(--bp-line)}
.studio-site-header nav{display:flex;gap:8px}.studio-site-header nav a{font-size:13px;color:var(--bp-muted);padding:12px 16px;border-radius:8px;text-decoration:none;display:flex;gap:8px;align-items:center}.studio-site-header nav a[aria-current=page]{background:var(--bp-panel);color:var(--bp-text);box-shadow:inset 0 -2px var(--bp-accent)}
.pro-page:not(.pro-auth):not(.pro-admin){background:var(--bp-panel);display:block!important}.pro-page .wrap{max-width:1260px;padding:48px 40px 70px}.pro-page .top{padding-bottom:28px;margin-bottom:32px}.pro-page h1{font-weight:600;font-size:36px;letter-spacing:-1.3px}.pro-page .sub{font-size:14px;margin-top:10px}.pro-page .card{background:var(--bp-bg);box-shadow:var(--studio-shadow);border-radius:14px;padding:26px;gap:16px}
.pro-garage .veh{margin-bottom:36px}.pro-garage .veh-h{font-size:19px;letter-spacing:-.4px;padding:20px 0;margin-bottom:0;flex-wrap:wrap}.pro-garage .card .row{margin-top:auto;padding-top:14px}.pro-garage .card a.btn{background:var(--bp-accent);border-color:var(--bp-accent);color:var(--bp-ink)}.pro-garage .card .btn.del{flex:0 0 auto;font-size:12px;padding:10px 12px}.pro-garage .note{font-size:15px;line-height:1.7;color:var(--bp-text)!important;overflow-wrap:anywhere}.pro-garage .meta{border-top:1px solid var(--bp-line);padding-top:16px;line-height:1.8}.pro-garage .badges{gap:7px}.pro-garage .bdg{font-size:11px;background:var(--bp-panel);padding:5px 9px}.pro-garage #gfilter{padding:18px;background:var(--bp-bg);border:1px solid var(--bp-line);border-radius:12px;margin-bottom:12px!important}.pro-garage .empty{padding:64px 24px;border:1px dashed var(--bp-line);border-radius:16px;background:var(--bp-bg)}
.studio-garage-summary{display:flex;gap:32px;padding:0 0 28px;font-size:12px;color:var(--bp-muted)}.studio-garage-summary strong{display:block;font-size:28px;font-weight:550;letter-spacing:-.8px;color:var(--bp-text);margin-bottom:4px}
.pro-settings .wrap{max-width:1000px}.pro-settings .card{padding:30px}.pro-settings .card form{max-width:560px}.pro-settings .card h2{font-size:21px}.pro-settings .danger{border-color:var(--bp-line);border-left:3px solid var(--bp-danger)}.pro-settings .card:first-of-type .btn{background:var(--bp-accent);color:var(--bp-ink)}
.pro-auth{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(380px,460px);gap:9vw;padding:70px 8vw!important;max-width:1600px;margin:0 auto;background:var(--bp-bg)!important}
.pro-auth>.card{border:1px solid var(--bp-line)!important;border-top:1px solid var(--bp-line)!important;background:var(--bp-panel);width:100%;padding:38px;border-radius:18px;box-shadow:0 20px 80px #00000020}.pro-auth .logo img{max-width:190px}.pro-auth .logo small{color:var(--bp-muted);font-size:10px;letter-spacing:1.4px}.pro-auth h1{font-size:28px;letter-spacing:-.8px}.pro-auth input:not([type=hidden]):not([type=checkbox]){background:var(--bp-bg)!important;border-radius:9px;min-height:48px}.pro-auth form>button{margin-top:16px}.pro-auth .langsw{margin-bottom:20px;position:static!important;justify-content:flex-end;display:flex;gap:5px}.pro-auth .link{line-height:1.8}
.studio-auth-story{max-width:630px;align-self:center}.studio-auth-story h2{font-size:clamp(36px,4.8vw,68px);font-weight:560;line-height:1.06;letter-spacing:-2.5px;margin:48px 0 24px;color:var(--bp-text)}.studio-auth-story h2 em{font-style:normal;color:var(--bp-accent)}.studio-auth-story p{font-size:16px;line-height:1.8;color:var(--bp-muted);max-width:470px}.studio-signal{width:100%;height:auto;margin:40px 0 20px;color:var(--bp-accent)}.studio-auth-features{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:var(--bp-muted)}.studio-auth-features span{display:flex;align-items:center;gap:8px}
.pro-admin{background:var(--bp-panel)!important}.pro-admin .wrap{padding-left:290px;padding-right:40px}.bp-admin-sidebar{width:250px;background:var(--bp-bg);padding:28px 18px}.bp-admin-brand{padding:0 4px 40px}.bp-admin-sidebar a{min-height:46px;font-size:13px;padding:12px 14px;gap:13px}.bp-admin-sidebar a[aria-current=page]{background:var(--bp-panel);color:var(--bp-text);box-shadow:inset 2px 0 var(--bp-accent)}.bp-admin-sidebar a span{opacity:1}.bp-admin-sidebar .studio-nav-group{font-size:9px;letter-spacing:1.8px;color:var(--bp-muted);padding:20px 14px 10px}.pro-admin .topbar{min-height:80px;background:transparent;margin-bottom:34px}.pro-admin .topbar .logo{font-size:12px!important}.pro-admin .topbar .logo span{display:none}.bp-admin-intro h1{font-size:38px;font-weight:550;letter-spacing:-1.3px}.bp-admin-intro p{font-size:14px}.pro-admin .cards{gap:14px}.pro-admin .stat{background:var(--bp-bg);padding:24px;border-radius:14px}.pro-admin .stat .n{font-size:40px;font-weight:500;letter-spacing:-1.7px}.pro-admin .stat .l{font-size:12px;margin-top:12px}.pro-admin .panel,.pro-admin .tablewrap,.pro-admin .mailbox{background:var(--bp-bg);border-radius:14px}.pro-admin .panel{padding:26px}.pro-admin th{background:var(--bp-bg);font-size:10px;letter-spacing:1.2px;padding:18px}.pro-admin td{padding:18px;font-size:12px}.pro-admin .badge{padding:5px 9px}.pro-admin h2{font-size:18px}.pro-admin .bp-admin-filter{background:var(--bp-bg);border:1px solid var(--bp-line);padding:12px 16px;border-radius:10px}.pro-admin .center .card{background:var(--bp-bg)}
@media(min-width:1700px){:root{--studio-gutter:44px}.logger-workspace .sidebar{width:284px!important;min-width:284px!important}.logger-workspace .bp-workspace-head{padding-top:36px!important}.logger-workspace.bp-has-data .panel-body{height:clamp(360px,47vh,680px)!important}}
@media(max-width:1200px){:root{--studio-gutter:24px}.logger-workspace .hdr{gap:10px!important;padding:10px 18px!important}.logger-workspace .hdr-left{min-width:180px}.studio-wordmark{font-size:13px}.studio-header-actions{gap:6px}.bp-navigation a{padding:10px!important}.logger-workspace .sidebar{width:238px!important;min-width:238px!important}.studio-workspace-actions{gap:6px}.studio-workspace-actions button{font-size:11px;padding:10px!important}.bp-workspace-head h1,.logger-workspace.bp-has-data .bp-workspace-head h1{font-size:28px!important}.logger-workspace .stat-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bp-workspace-head{flex-wrap:wrap}.pro-auth{gap:6vw;padding:50px 5vw!important}.pro-admin .wrap{padding-left:250px;padding-right:24px}.bp-admin-sidebar{width:225px}}
@media(max-width:900px){.logger-workspace .hdr-left{min-width:0}.logger-workspace .bp-navigation{order:4;flex-basis:100%;width:100%;justify-content:center;align-self:auto;margin:0;padding-top:8px;border-top:1px solid var(--bp-line)}.logger-workspace .bp-navigation a{flex:1;min-height:40px}.studio-header-actions{order:1}.logger-workspace .hdr{gap:8px!important}.pro-auth{grid-template-columns:1fr;max-width:520px;padding:32px 20px!important}.studio-auth-story h2{font-size:36px;letter-spacing:-1.3px;margin:26px 0 14px}.studio-auth-story p{font-size:14px}.studio-auth-story .studio-signal,.studio-auth-features{display:none}.studio-auth-story{margin-bottom:14px}.pro-auth>.card{padding:30px}.pro-auth .logo{display:none}.studio-site-header{padding:18px 24px;gap:20px;flex-wrap:wrap}.studio-site-header nav{margin-left:auto}}
@media(max-width:768px){:root{--studio-gutter:16px}.logger-workspace .sidebar{position:fixed!important;inset:0 auto 0 0!important;height:100dvh;width:min(86vw,320px)!important;min-width:0!important;padding-top:64px!important;z-index:1300!important}.logger-workspace .sidebar .sb-footer{display:flex}.logger-workspace #sb-toggle-btn{display:flex!important;order:2!important;min-width:44px;min-height:44px;margin-left:0;z-index:1310;font-size:0!important;position:relative}.logger-workspace #sb-toggle-btn:before{content:"";width:18px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.logger-workspace .hdr{padding:10px 12px!important;min-height:0!important}.studio-header-actions #btn-logout,.studio-header-actions #lang-sel{display:none!important}.logger-workspace .studio-header-actions #btn-logout,.logger-workspace .studio-header-actions #lang-sel{display:none!important}.studio-wordmark{font-size:13px}.studio-wordmark small{font-size:8px;letter-spacing:1.6px}.studio-emblem{width:32px;height:32px;font-size:15px}.studio-mark{gap:9px}.logger-workspace .studio-header-actions #theme-btn{height:40px!important;width:40px;min-height:40px!important}.logger-workspace .bp-navigation a{font-size:12px!important;gap:7px}.logger-workspace .bp-navigation .studio-icon{width:15px;height:15px}.bp-workspace-head,.logger-workspace.bp-has-data .bp-workspace-head{padding:24px 16px 20px!important;gap:18px}.bp-workspace-head h1,.logger-workspace.bp-has-data .bp-workspace-head h1{font-size:29px!important}.bp-workspace-head p{font-size:12px!important}.studio-workspace-actions{width:100%;display:flex}.studio-workspace-actions button{flex:1;min-height:44px!important;font-size:12px}.bp-session{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.bp-session>div:first-child{grid-column:1/-1;border-bottom:1px solid var(--bp-line);padding:12px 16px}.bp-session>div{padding:12px 16px}.bp-session>div:nth-child(2):before{display:none}.bp-session>div+div:before{top:20px}.bp-session strong{font-size:21px}.bp-session small{font-size:8px;letter-spacing:1.2px}.logger-workspace .bp-chart-tools{gap:6px;margin-bottom:16px}.logger-workspace .bp-chart-tools #btn-comp{margin:0}.logger-workspace .bp-chart-tools button{font-size:11px!important;min-height:40px!important;flex:0 0 auto}.logger-workspace .ecu-info{gap:8px 18px;font-size:10px}.logger-workspace #notes-bar>span{font-size:8px!important}.logger-workspace #notes-bar{padding-top:4px!important}.logger-workspace.bp-has-data .panel-body{height:350px!important;min-height:0}.logger-workspace .panel-hdr{padding:16px!important}.logger-workspace .bp-scale-note{padding:10px 16px;font-size:10px}.logger-workspace #main-wrap{min-height:240px!important}.logger-workspace .stat-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.logger-workspace .stat-card{padding:16px!important}.logger-workspace .stat-name{font-size:10px!important;min-height:30px}.logger-workspace .stat-peak{font-size:26px!important}.logger-workspace .stat-sub{font-size:10px!important;gap:10px;flex-wrap:wrap}.logger-workspace #channel-chips{padding:12px!important;max-height:none}.studio-empty-steps{grid-template-columns:1fr;gap:0;margin-top:8px}.studio-step{padding:18px 0}.studio-step small{float:left;margin-right:18px;margin-top:3px}.studio-step p,.studio-step h2{margin-left:35px}.logger-workspace #drop-zone{padding:30px 16px;min-height:330px}.studio-site-header{padding:14px 16px;gap:14px}.studio-site-header nav{width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--bp-line);padding-top:8px;gap:0}.studio-site-header nav a{font-size:12px;gap:6px;padding:10px}.pro-page .wrap{padding:30px 16px 48px}.pro-page .top{margin-bottom:24px;padding-bottom:24px;gap:20px}.pro-page h1{font-size:30px}.pro-page .card{padding:22px}.studio-garage-summary{gap:28px}.pro-garage .grid{grid-template-columns:1fr}.pro-garage .veh-h{font-size:17px}.pro-settings .card{padding:24px}.bp-admin-sidebar{position:static;width:100%;padding:18px 16px;flex-direction:row;flex-wrap:wrap;gap:4px}.bp-admin-brand{width:100%;padding:0 4px 18px}.bp-admin-sidebar a{font-size:11px;min-height:40px;padding:8px 10px;gap:7px}.bp-admin-sidebar .studio-nav-group{display:none}.bp-admin-sidebar a .studio-icon{width:15px;height:15px}.bp-admin-sidebar .bp-admin-back{margin:0;padding:8px 10px;border:0}.pro-admin .wrap{padding:0 16px 36px}.pro-admin .topbar{margin-bottom:26px}.bp-admin-intro h1{font-size:32px}.pro-admin .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pro-admin .stat{padding:18px}.pro-admin .stat .n{font-size:32px}.pro-admin .stat .l{font-size:11px}.pro-admin .grid2{grid-template-columns:1fr}.pro-admin .panel{padding:20px}.pro-admin .search{min-width:0;width:100%}.pro-admin .tablewrap{max-height:65vh}}
.studio-log-details{background:var(--bp-bg);border:1px solid var(--bp-line);border-radius:12px;padding:0 20px;flex:none}.studio-log-details[hidden]{display:none!important}.studio-log-details summary{min-height:54px;padding:17px 0;font-size:12px;font-weight:600;color:var(--bp-muted);cursor:pointer}.logger-workspace .studio-log-details :is(.ecu-info,#notes-bar){margin:0;padding:14px 0!important}.logger-workspace .studio-log-details #notes-bar{border-top:1px solid var(--bp-line)!important;padding:10px 0 16px!important}
.bp-admin-sidebar .studio-mark .studio-emblem{display:grid!important;font-size:16px;opacity:1}.bp-admin-sidebar .studio-mark .studio-wordmark{display:block!important;font-size:14px;opacity:1}.bp-admin-sidebar .studio-mark{padding:0;min-height:44px}.bp-admin-sidebar .studio-mark small{display:block;margin:4px 0 0;font-size:9px}
.studio-sidebar-close{display:none}.studio-chart-empty[hidden]{display:none!important}
.studio-range-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 var(--studio-gutter) 18px;padding:16px;background:var(--bp-bg);border:1px solid var(--bp-line);border-radius:10px;flex:none}.studio-range-form[hidden]{display:none!important}.studio-range-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--bp-muted);flex:1;min-width:110px}.studio-range-form input{width:100%;min-height:44px;border:1px solid var(--bp-line);border-radius:8px;background:var(--bp-panel);color:var(--bp-text);padding:10px;font:14px var(--bp-font)}.studio-range-form output{width:100%;color:var(--bp-danger);font-size:12px}.studio-range-form output:empty{display:none}
@media(max-width:768px){.studio-sidebar-close{display:flex;position:absolute;right:14px;top:12px;z-index:1}.logger-workspace .sidebar{padding-top:70px!important}}
@media(min-width:769px){.logger-workspace.bp-has-data .bp-workspace-head{padding-top:24px!important;padding-bottom:20px!important}.logger-workspace.bp-has-data .bp-session>div{padding-top:11px;padding-bottom:11px}.logger-workspace.bp-has-data .bp-session strong{font-size:18px}.logger-workspace.bp-has-data .bp-session>div:first-child strong{font-size:13px}.logger-workspace.bp-has-data .bp-session{margin-bottom:16px}.logger-workspace.bp-has-data .bp-chart-tools{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.studio-button,.logger-workspace .stat-card{transition:none}}
/* Ultra: precision workspace and dedicated handheld navigation. */
:root{--bp-accent:#c7fa72;--bp-ink:#17220c;--bp-bg:#0a0c0d;--bp-panel:#141719;--bp-raised:#22282b;--bp-line:#30383c;--bp-muted:#abb8bd}
body.light{--bp-accent:#376610;--bp-ink:#fff;--bp-bg:#edf1ed;--bp-panel:#fff;--bp-raised:#e5ece2;--bp-line:#cbd6ca;--bp-muted:#536450}
.studio-emblem{border-radius:7px;box-shadow:0 0 24px #c7fa7215}.studio-wordmark{letter-spacing:-.5px}.studio-wordmark small{letter-spacing:2.8px}
.logger-workspace .main{background:radial-gradient(ellipse at 88% 0%,#c7fa7208,transparent 36%),var(--bp-bg)!important}
.logger-workspace .hdr{border-bottom:1px solid var(--bp-line)!important}.logger-workspace .bp-workspace-head{position:relative;padding-top:30px!important;padding-bottom:26px!important;overflow:hidden;background:linear-gradient(115deg,transparent 60%,#c7fa7208)}
.logger-workspace .bp-workspace-head:after{content:"";pointer-events:none;position:absolute;right:29%;top:-25px;width:90px;height:230px;border-left:1px solid #c7fa721c;border-right:16px solid #c7fa7208;transform:skew(-25deg)}
.logger-workspace .bp-eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--bp-accent);margin-bottom:12px}.logger-workspace .bp-workspace-head h1,.logger-workspace.bp-has-data .bp-workspace-head h1{font-size:clamp(30px,3.1vw,54px)!important;line-height:1.06;font-weight:800!important;letter-spacing:-1.8px!important}.logger-workspace .bp-workspace-head p{margin-top:12px!important;font-size:13px!important}
.studio-workspace-actions{z-index:1}.studio-button.primary{box-shadow:0 3px 0 #00000030;letter-spacing:-.1px}.studio-button.primary:hover{filter:brightness(1.06)}
.logger-workspace .bp-session{background:var(--bp-panel);border-radius:10px;border:1px solid var(--bp-line)}.logger-workspace .bp-session strong{font-variant-numeric:tabular-nums}.logger-workspace .bp-session>div:first-child strong{color:var(--bp-accent)}
.logger-workspace .panel{border-radius:12px!important;border-color:var(--bp-line)!important;box-shadow:0 14px 35px #00000018}.logger-workspace .panel-hdr{background:var(--bp-panel);border-bottom:1px solid var(--bp-line)}.logger-workspace .panel-title{font-size:12px;letter-spacing:1px;text-transform:uppercase}.logger-workspace .bp-scale-note{font-size:12px}.logger-workspace .stat-card{border-top:2px solid var(--studio-channel)!important;border-radius:9px!important;background:var(--bp-panel)!important}.logger-workspace .stat-peak{font-weight:600!important;letter-spacing:-1px}.logger-workspace .ch-item{border-radius:8px!important;min-height:48px}.logger-workspace .ch-item.active{box-shadow:inset 2px 0 var(--bp-accent);background:var(--bp-raised)!important}
.studio-check-card{margin:16px 0 0;display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:18px 20px;border:1px solid var(--bp-line);border-radius:10px;background:var(--bp-panel);color:var(--bp-text);font-family:var(--bp-font);cursor:pointer}.studio-check-card[hidden]{display:none}.studio-check-card>svg:first-child{width:28px;height:28px;color:var(--bp-accent)}.studio-check-card>svg:last-child{margin-left:auto;color:var(--bp-muted)}.studio-check-card span{display:flex;flex-direction:column;gap:5px;min-width:0}.studio-check-card small{font-size:9px;letter-spacing:2px;color:var(--bp-muted)}.studio-check-card strong{font-size:14px;font-weight:600}.studio-check-card em{font-style:normal;font-size:12px;color:var(--bp-muted)}.studio-check-card.has-notices>svg:first-child{color:#efb755}.studio-check-card:hover{border-color:var(--bp-muted)}
#studio-tools-toggle{display:none}.studio-warning-scope{font-size:13px;line-height:1.65;color:var(--bp-muted);margin:18px 0 24px}.warn-popup-box{width:min(720px,94vw)!important;max-height:85dvh!important;overflow:auto!important;background:var(--bp-panel)!important;padding:30px!important;border:1px solid var(--bp-line)!important;border-radius:16px!important}.warn-popup-title{font-size:25px!important;color:var(--bp-text)!important}.warn-popup-close{width:44px!important;height:44px!important}.warn-popup-chips{display:grid!important;gap:12px!important;font-size:14px;line-height:1.7;color:var(--bp-muted)}.warn-popup-chips .alert-chip{display:block;border-left:3px solid #eab765;background:var(--bp-bg)!important;border-radius:6px!important;padding:16px!important;color:var(--bp-text)!important;white-space:normal;overflow-wrap:anywhere;font-size:13px!important;line-height:1.7}
.studio-auth-story h2{font-weight:800;letter-spacing:-3px}.studio-auth-story h2 em{color:var(--bp-accent)}.pro-auth{background:radial-gradient(ellipse at 20% 25%,#c7fa7209,transparent 50%),var(--bp-bg)!important}.pro-page h1,.bp-admin-intro h1{font-weight:750!important}.pro-admin .stat:first-child{border-color:var(--bp-accent)}.pro-admin .bp-admin-sidebar a[aria-current=page]{background:var(--bp-raised);box-shadow:inset 3px 0 var(--bp-accent)}
@media(max-width:768px){
 .logger-workspace .hdr{min-height:64px!important;padding:9px 14px!important;flex-wrap:nowrap!important}.logger-workspace .bp-navigation{position:fixed;inset:auto 0 0!important;z-index:140;display:flex!important;flex-basis:auto;margin:0!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;background:var(--bp-panel);border-top:1px solid var(--bp-line);gap:4px!important;width:100%;height:auto!important;box-shadow:0 -8px 30px #00000018}.logger-workspace .bp-navigation a{min-height:50px;flex-direction:column;gap:5px!important;font-size:10px!important;padding:6px!important;border-radius:8px}.logger-workspace .bp-navigation a .studio-icon{height:19px;width:19px}.logger-workspace .bp-navigation a[aria-current=page]{box-shadow:none;color:var(--bp-accent);background:var(--bp-raised)}.logger-workspace .main{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}.logger-workspace .hdr-left{flex:1;min-width:0}.studio-header-actions{margin-left:0}.logger-workspace #sb-toggle-btn{min-height:44px!important;height:44px!important}.logger-workspace .studio-header-actions #theme-btn{min-height:44px!important}
 .logger-workspace .bp-workspace-head,.logger-workspace.bp-has-data .bp-workspace-head{padding:22px 16px 18px!important;gap:18px}.logger-workspace .bp-eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:10px}.logger-workspace .bp-workspace-head h1,.logger-workspace.bp-has-data .bp-workspace-head h1{font-size:30px!important;letter-spacing:-1.1px!important}.logger-workspace .bp-workspace-head p{font-size:12px!important;margin-top:8px!important}.logger-workspace .bp-workspace-head:after{right:0;opacity:.5}.logger-workspace .bp-state{display:none!important}.studio-workspace-actions button{font-size:12px!important;min-height:46px!important}.logger-workspace .bp-session{margin-bottom:12px}.logger-workspace .bp-session>div{padding:10px 12px}.logger-workspace .bp-session>div:first-child{padding:9px 12px}.logger-workspace .bp-session small{font-size:9px}.logger-workspace .bp-session strong{font-size:19px}
 #studio-tools-toggle:not([hidden]){display:flex;align-self:flex-start;margin:0 16px 12px;min-height:44px}.logger-workspace .bp-chart-tools{display:none!important}.logger-workspace.studio-tools-open .bp-chart-tools{display:flex!important;flex-wrap:wrap;margin-bottom:14px}.logger-workspace .bp-chart-tools button{min-height:44px!important;font-size:12px!important}.studio-range-form{gap:10px}.studio-range-form label{font-size:12px}.studio-range-form input{font-size:16px}.logger-workspace .panel-hdr{padding:14px!important}.logger-workspace .panel-body{height:310px!important}.logger-workspace .bp-scale-note{font-size:11px;padding:10px 14px}.logger-workspace #channel-chips{gap:7px}.logger-workspace #channel-chips button{min-height:44px;font-size:11px}.studio-check-card{padding:16px 14px;gap:12px}.studio-check-card strong{font-size:13px}.studio-check-card em{font-size:11px}.logger-workspace .stat-name{font-size:12px!important}.logger-workspace .stat-sub{font-size:11px!important}.studio-stats-label{font-size:11px!important;line-height:1.5}.warn-popup-box{padding:24px 18px!important}.studio-warning-scope{font-size:12px}.warn-popup-chips .alert-chip{font-size:12px!important}.logger-workspace input,.pro-auth input,.pro-page select{font-size:16px!important}
}
@media(prefers-reduced-motion:no-preference){.studio-ultra .panel.visible{animation:studio-enter .3s ease-out}@keyframes studio-enter{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}}
.studio-mobile-account{display:none}
@media(max-width:768px){.studio-mobile-account{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:10px;border-top:1px solid var(--bp-line)}.logger-workspace .studio-mobile-account #lang-sel,.logger-workspace .studio-mobile-account #btn-logout{display:flex!important;min-height:44px!important;min-width:44px;background:var(--bp-panel);color:var(--bp-text);border:1px solid var(--bp-line);border-radius:8px}.logger-workspace .studio-mobile-account #lang-sel{flex:1;padding:8px;font-size:16px}.studio-mobile-account #btn-logout{align-items:center;justify-content:center}}