.pq-settings{width:100%}.pq-settings>summary{cursor:pointer;font-weight:650;min-height:38px;display:flex;align-items:center;gap:8px}.pq-settings>summary:before{content:'▸';color:var(--accent)}.pq-settings[open]>summary:before{content:'▾'}.pq-settings[open]>summary{margin-bottom:12px}
.pq-browse{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pq-browse select,.pq-browse button{min-height:38px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.pq-browse select{max-width:175px}.pq-browse span{font-size:12px;color:var(--text-dim);white-space:nowrap}.pq-browse button:focus-visible,.pq-browse select:focus-visible,.pq-settings>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pq-browse-analysis{margin-bottom:10px}.pq-description>summary{cursor:pointer;color:var(--text-dim);font-size:13px}.pq-layers>summary{cursor:pointer;font-size:13px;font-weight:600;min-height:34px;display:flex;align-items:center}.pq-layers[open]>.an-layer-group{margin:6px 0}.pq-layers{max-width:100%}
@media(max-width:860px){
 .main:has(#dzLive),.main:has(#stCard),.main:has(#ptLive),.main:has(.an-workspace){display:flex;flex-direction:column;align-items:stretch}
 .main>.inav{order:-4;margin-bottom:10px}.main>.head,.main>.an-head,.main>h1{order:-3;margin-bottom:10px}
 .main>#dzLive,.main>#stCard,.main>#ptLive,.main>.an-workspace{order:-2}
 .main>.head h2,.main>h1,.main>.an-head h2{font-size:22px;line-height:1.3;margin:8px 0}
 .inav .inav-ema{display:none}.inav .inav-tabs{gap:2px}.inav .inav-tabs a{padding:6px 4px;font-size:12px;min-width:0;flex:1}
 .inav .pq-browse{width:100%}.pq-browse select{flex:1;max-width:none;min-width:110px}.pq-browse-analysis{gap:5px}
 .main>.head .pq-description{margin:0}.pq-description>p{font-size:13px!important}
 .dz-lh{gap:6px}.dz-lh>b{flex-basis:100%;font-size:15px}.dz-sel{min-width:0;max-width:none;flex:1}.dz-tfs button,.dz-nav button{padding:4px 10px}
 #stCard .cfs-bar{gap:4px}#stCard .st-navbar{gap:4px;margin-right:0}#stCard .cfs-bar .btn{padding:4px 9px}
 #ptInst{max-width:none;min-width:0;flex:1}.pt-top{gap:5px}.pt-hint,.dz-hint{font-size:12px}
}

/* Compact chart controls: layers remain visible in every viewport and fullscreen. */
.an-chart-controls{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:6px 10px;padding:8px 10px}
.an-chart-controls>.pq-browse-analysis{margin:0;flex-wrap:nowrap;gap:4px}
.an-chart-controls>.an-chart-picker{margin:0;gap:8px;min-width:0}
.an-chart-picker .fsearch{flex:1;max-width:560px;padding:4px 8px;min-height:32px}
.an-chart-picker .fsearch input{min-width:0;padding:0}
.an-chart-controls .pq-browse select,.an-chart-controls .pq-browse button{min-height:32px;padding:4px 8px;font-size:12px}
.an-chart-controls>.an-tools{grid-column:1/-1;justify-content:flex-start;gap:6px 12px}
.an-tools .an-tf-group{gap:4px}.an-tools .an-tf{padding:4px 8px;font-size:12px;min-height:30px}
.pq-layers{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.pq-layers-title{font-size:12px;color:var(--text-dim);white-space:nowrap}
.pq-layers .an-layer-group{display:flex!important;gap:4px;flex-wrap:wrap;margin:0;width:auto}
.an-tools .an-layer{min-height:30px;padding:4px 7px;font-size:12px;gap:4px;flex:initial}
.an-layer-group .an-layer:last-child{flex-basis:auto}.an-layer input{margin:0}
@media(max-width:640px){
 .an-chart-controls{grid-template-columns:1fr;padding:8px;gap:6px}
 .an-chart-controls>.pq-browse-analysis{width:auto}.an-chart-controls .pq-browse select{flex:initial;min-width:0}
 .an-chart-controls>.an-chart-picker{width:100%}.an-chart-picker .tfhelp{display:none}
 .an-chart-controls>.an-tools{gap:6px}.pq-layers{width:100%;align-items:flex-start;flex-direction:column;gap:4px}
 .an-tools .an-layer{min-height:32px;padding:5px 7px;flex:initial;justify-content:flex-start}
}