:root{
  --bg:#111214;--bg-2:#17181a;--panel:#1c1d20;--panel-2:#232427;--panel-3:#2b2c2f;
  --ink:#f4f4f5;--muted:#a2a4a7;--soft:#777a7e;--line:#34363a;--line-2:#46484d;
  --accent:#f07a2b;--accent-2:#ff9a56;--brand-gray:#5f6062;--blue:#59a9db;--violet:#8d72df;--green:#61c591;--yellow:#e6b85c;--red:#ef767a;
  --shadow:0 18px 50px rgba(0,0,0,.26);--radius:16px;--radius-sm:10px;
  --field:#17181a;--field-hover:#202124;--grid:rgba(255,255,255,.045);--plan:#151618;
}
body[data-theme="light"]{
  --bg:#f0f1f2;--bg-2:#f7f7f8;--panel:#fff;--panel-2:#f7f7f8;--panel-3:#eff0f1;
  --ink:#242528;--muted:#66696d;--soft:#8a8d91;--line:#d8dadd;--line-2:#c7c9cd;
  --shadow:0 16px 40px rgba(64,65,68,.09);--field:#fff;--field-hover:#fafafa;--grid:rgba(70,72,76,.055);--plan:#fbfbfb;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(95,96,98,.045),transparent 34%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;transition:background .2s,color .2s}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1500px;margin:auto;padding:13px 28px;display:flex;justify-content:space-between;align-items:center}.brand-wrap,.topbar-actions{display:flex;align-items:center;gap:12px}.logo-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--brand-gray);color:#fff;font-weight:900;border-radius:9px;letter-spacing:-.04em}.brand{font-size:14px;font-weight:850;letter-spacing:.01em}.subbrand{font-size:10px;color:var(--muted)}.topbar-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 15%,transparent)}.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--ink);display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:9px;cursor:pointer}.theme-toggle:hover{border-color:var(--line-2);background:var(--panel-2)}.theme-icon{font-size:15px}.theme-label{font-size:10px;font-weight:750}
.shell{max-width:1500px;margin:auto;padding:38px 28px 64px}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:28px;align-items:stretch;margin-bottom:34px}.hero-copy{padding:22px 6px}.eyebrow,.section-kicker,.mini-label{font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}.hero h1{font-size:clamp(34px,4.2vw,62px);letter-spacing:-.045em;line-height:1.01;margin:11px 0 15px;max-width:950px}.hero p{color:var(--muted);max-width:850px;font-size:14px}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-badges span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--panel);font-size:10px}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 97%,white 3%),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.dark-card{background:linear-gradient(150deg,#292a2d,#17181a);color:#fff;border-color:#2a3844}.hero-panel{padding:24px}.hero-panel>strong{display:block;font-size:20px;margin:8px 0}.hero-panel p{font-size:11px;color:#9facb6}.hero-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.hero-stat-grid div{padding:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:10px}.hero-stat-grid b{display:block;font-size:17px}.hero-stat-grid span{display:block;font-size:10px;color:#9da9b2;margin-top:3px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.workspace-main{min-width:0}.workspace-side{min-width:0}.sticky-card{position:sticky;top:84px}.project-card,.zone-card,.calculate-panel,.result-card{padding:22px}.section-title-row,.section-title-row>div:first-child,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row>div:first-child{justify-content:flex-start}.section-title-row h2,.section-head h3{margin:0}.section-title-row.outside{margin:28px 2px 13px}.step-pill{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:10px;font-weight:900}.section-hint{font-size:10px;color:var(--muted)}.section-kicker{display:block;margin-bottom:3px}.project-grid,.form-grid{display:grid;gap:12px}.project-grid{grid-template-columns:1.5fr .8fr .8fr;margin-top:18px}.geometry-grid{grid-template-columns:repeat(5,minmax(100px,1fr))}.use-grid{grid-template-columns:1fr 1fr .75fr 1.55fr 1fr}.shape-grid,.sub-grid,.mount-grid{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.01em}.field-wide{min-width:0}.field input,.field select,.field textarea,textarea{width:100%;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px 11px;outline:none;transition:.15s}.field input:focus,.field select:focus,.field textarea:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 68%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.field input:hover,.field select:hover,.field textarea:hover{background:var(--field-hover)}select{appearance:auto}.zones{display:grid;gap:14px}.zone-card{overflow:hidden}.zone-title-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.zone-title{display:flex;align-items:center;gap:12px;min-width:0}.zone-index{font-size:10px;color:var(--accent);letter-spacing:.12em;font-weight:900;white-space:nowrap}.title-input{border:0!important;background:transparent!important;color:var(--ink)!important;font-size:18px!important;font-weight:800!important;padding:3px!important;max-width:400px;box-shadow:none!important}.icon-button{border:1px solid var(--line);background:transparent;color:var(--muted);width:30px;height:30px;border-radius:8px;cursor:pointer}.icon-button:hover{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.zone-block{padding:17px 0;border-bottom:1px solid var(--line)}.zone-block:last-child{border-bottom:0}.zone-block-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.zone-block-title>span{font-weight:800;font-size:11px}.zone-block-title small{color:var(--muted);font-size:10px}.shape-extra,.mount-options,.sub-options{margin-top:12px;padding:13px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px}.shape-help,.mount-help{font-size:10px;color:var(--muted);line-height:1.5}.shape-help{margin-bottom:10px}.installation-message{margin-top:12px;padding:11px 13px;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));color:color-mix(in srgb,var(--ink) 90%,var(--accent));font-size:10px}.speaker-preview{margin-top:12px;padding:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px}.speaker-preview-main{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.speaker-preview-main strong{display:block;font-size:16px}.speaker-preview-main small{display:block;color:var(--muted);font-size:10px}.product-brand{display:block;font-size:10px;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.13em}.speaker-preview-specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.speaker-preview-specs span{background:var(--panel);border:1px solid var(--line);padding:6px 8px;border-radius:7px;font-size:10px;color:var(--muted)}.speaker-preview-specs b{color:var(--ink)}.speaker-preview-price{margin-top:10px;font-weight:800}.speaker-preview-price small{color:var(--muted);font-weight:500}.auto-preview{display:grid;gap:3px}.auto-preview span,.auto-preview small{color:var(--muted);font-size:10px}.auto-preview b{font-size:12px}
.shape-preview-wrap{margin-top:13px;background:var(--plan);border:1px solid var(--line);border-radius:11px;padding:10px}.shape-preview-head,.visual-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.shape-preview-head b,.visual-title b{font-size:10px}.shape-preview-head span,.visual-title span{font-size:10px;color:var(--muted)}.shapePreview{display:block;width:100%;height:190px}.shape-fill{fill:color-mix(in srgb,var(--accent) 10%,var(--panel));stroke:var(--accent);stroke-width:2}.shape-grid-line{fill:none;stroke:var(--grid);stroke-width:1}.shape-caption,.shape-error{fill:var(--muted);font-size:10px}.shape-error{fill:var(--red)}.shape-preview-wrap.invalid{border-color:var(--red)}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.button{border:0;border-radius:9px;padding:10px 14px;font-weight:850;font-size:10px;cursor:pointer;transition:transform .08s,filter .15s}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{filter:brightness(1.08)}.button.secondary{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.button.mini{padding:8px 10px}.calculate-panel{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.calculate-panel h2{margin:3px 0}.calculate-panel p{margin:0;color:var(--muted);font-size:10px}.calculate-actions{display:flex;align-items:center;gap:12px}.calc-status{font-size:10px;color:var(--muted);min-width:100px}.calc-status.error{color:var(--red)}.info-card{padding:19px}.info-card h3{font-size:20px;margin:5px 0 13px}.clean-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}.clean-list li{display:flex;gap:9px}.clean-list b{display:block;font-size:10px}.clean-list small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.legend-dot{width:8px;height:8px;border-radius:50%;margin-top:4px}.legend-dot.green{background:var(--green)}.legend-dot.orange{background:var(--accent)}.legend-dot.blue{background:var(--blue)}.divider{height:1px;background:var(--line);margin:16px 0}.fineprint{font-size:10px;color:var(--muted);line-height:1.55}
.results{margin-top:34px}.result-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px}.result-copy{min-width:0}.result-copy h2{font-size:25px;margin:6px 0}.result-copy>p{color:var(--muted);font-size:10px}.price-box{min-width:225px;padding-left:24px;border-left:1px solid var(--line);text-align:right}.price-box span,.price-box small{display:block;color:var(--muted);font-size:10px}.price-box strong{display:block;font-size:24px;margin:4px 0}.system-components{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.component-card{min-width:190px;background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:9px;padding:9px 11px}.component-card.speaker-component{border-left-color:var(--accent)}.component-card.sub-component{border-left-color:var(--green)}.component-card span{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.1em}.component-card strong{display:block;font-size:11px;margin:2px 0}.component-card small{display:block;color:var(--muted);font-size:10px}.results-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.65fr);gap:16px;margin-top:16px}.results-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.section-head{margin-bottom:12px}.badge,.data-quality{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850;border:1px solid var(--line)}.badge.high,.data-quality.high{color:var(--green);border-color:color-mix(in srgb,var(--green) 32%,var(--line));background:color-mix(in srgb,var(--green) 8%,transparent)}.badge.medium,.data-quality.medium{color:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 32%,var(--line));background:color-mix(in srgb,var(--yellow) 8%,transparent)}.badge.low,.data-quality.low{color:var(--red);border-color:color-mix(in srgb,var(--red) 32%,var(--line));background:color-mix(in srgb,var(--red) 8%,transparent)}
.zone-result{padding:17px 0;border-top:1px solid var(--line)}.zone-result:first-child{border-top:0;padding-top:0}.zone-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.zone-result-head strong{font-size:16px}.zone-result-head span:not(.badge){display:block;color:var(--muted);font-size:10px;margin-top:2px}.result-speaker-card{display:grid;grid-template-columns:auto minmax(150px,.7fr) minmax(260px,1fr) auto;gap:14px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--panel-2)),var(--panel-2));border:1px solid var(--line);border-radius:12px;padding:13px;margin:13px 0}.product-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:900}.result-speaker-main span{display:block;color:var(--accent);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.result-speaker-main strong{display:block;font-size:15px}.result-speaker-main small{display:block;color:var(--muted);font-size:10px}.result-speaker-specs{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:5px 10px}.result-speaker-specs span{font-size:10px;color:var(--muted)}.result-speaker-specs b{color:var(--ink)}.result-speaker-data{text-align:right;display:grid;justify-items:end;gap:4px}.result-speaker-data small{font-size:10px;color:var(--muted)}
.visualization-grid{display:grid;grid-template-columns:minmax(330px,1.15fr) minmax(290px,.85fr);gap:13px}.plan-panel,.sections-panel{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px}.room-map{position:relative;width:100%;min-height:270px;background-color:var(--plan);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--line-2);overflow:hidden;touch-action:none;cursor:crosshair;border-radius:0!important}.room-map.circle-room{border-radius:50%!important;aspect-ratio:1/1!important}.speaker-dot,.section-speaker{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#202b35;color:#fff;font-size:10px;font-weight:900;z-index:5;border:2px solid color-mix(in srgb,var(--accent) 60%,white);box-shadow:0 3px 12px rgba(0,0,0,.28)}.speaker-dot.wall-speaker{border-radius:6px;background:#1d557a;border-color:color-mix(in srgb,var(--blue) 65%,white)}.coverage{position:absolute;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;z-index:1}.aim-line{position:absolute;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 75%,transparent),transparent);transform-origin:0 50%;z-index:2}.dim{position:absolute;z-index:7;font-size:10px;font-weight:800;color:var(--muted);background:color-mix(in srgb,var(--panel) 88%,transparent);padding:3px 6px;border:1px solid var(--line)}.dim-x{bottom:5px;left:50%;transform:translateX(-50%)}.dim-y{left:5px;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top}.listener-marker,.section-listener{position:absolute;z-index:8;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 18%,transparent),0 4px 14px rgba(0,0,0,.3);pointer-events:none}.listener-marker span,.section-listener span{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;left:7px;top:7px}.section-wrap+.section-wrap{margin-top:9px}.section-view{height:142px;position:relative;background:var(--plan);border:1px solid var(--line-2);overflow:hidden;touch-action:none;cursor:ew-resize;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}.section-speaker{width:21px;height:21px;font-size:10px}.section-listener{width:19px;height:19px}.section-listener span{left:5.5px;top:5.5px}.section-floor{position:absolute;bottom:0;left:0;right:0;border-top:2px solid var(--line-2)}.section-label{position:absolute;top:5px;left:7px;font-size:10px;font-weight:850;color:var(--muted)}.section-dim{position:absolute;font-size:10px;color:var(--soft);background:var(--panel);padding:2px 4px}.section-dim-h{bottom:4px;left:50%;transform:translateX(-50%)}.section-dim-v{top:50%;left:3px;transform:translateY(-50%) rotate(-90deg)}
.zone-detail-grid{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(360px,1fr);gap:13px;margin-top:13px}.metrics{margin:0;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:4px 12px}.metrics div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.metrics div:last-child{border-bottom:0}.metrics dt{font-size:10px;color:var(--muted)}.metrics dd{font-size:10px;font-weight:800;text-align:right;margin:0}.listener-tools{display:grid;grid-template-columns:145px 1fr;gap:10px}.listener-readout{background:linear-gradient(150deg,#213927,#14271a);border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));border-radius:11px;padding:13px}.listener-readout>span{display:block;font-size:10px;font-weight:900;color:#80d9a6;letter-spacing:.12em}.listener-readout strong{display:block;font-size:26px;margin:3px 0}.listener-readout strong b{font-size:inherit}.listener-readout small{font-size:10px;color:#a9c7b4}.audio-demo{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:11px}.audio-copy b{display:block;font-size:10px}.audio-copy small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px}.file-button{display:inline-flex;align-items:center;background:var(--panel);border:1px solid var(--line);padding:8px 10px;border-radius:9px;font-size:10px;font-weight:800;cursor:pointer}.file-button input{display:none}.volume-control{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.volume-control input{accent-color:var(--accent);width:100px}.relative-volume{font-size:10px;color:var(--muted)}
.amp-hero{background:linear-gradient(145deg,#1a2530,#10161c);color:#fff;padding:15px;border-radius:11px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid #293844}.amp-label{font-size:10px;letter-spacing:.12em;color:#f5a36f;font-weight:850}.amp-hero strong{display:block;font-size:15px;margin:3px 0}.amp-hero small{display:block;color:#aeb7bf;font-size:10px;line-height:1.45}.amp-hero b{font-size:12px;white-space:nowrap}.outputs{margin-top:10px}.output-zone{border-top:1px solid var(--line);padding:11px 0}.output-zone:first-child{border-top:0}.output-zone>b{font-size:10px}.output-line{display:grid;grid-template-columns:48px 70px 1fr;gap:7px;align-items:center;margin-top:6px;padding:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:7px}.output-line span{font-size:10px;font-weight:850;color:var(--blue)}.output-line strong{font-size:10px}.output-line small{font-size:10px;color:var(--muted)}.note-item{margin:0;padding:9px 0;border-top:1px solid var(--line);font-size:10px;line-height:1.55;color:var(--muted)}.note-item:first-child{border-top:0}.alt{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:9px 0;border-top:1px solid var(--line)}.alt:first-child{border-top:0}.alt span{grid-column:1/3;font-size:10px;color:var(--muted)}.alt strong,.alt b{font-size:10px}.muted{font-size:10px;color:var(--muted)}.warning{background:color-mix(in srgb,var(--red) 9%,var(--panel));color:color-mix(in srgb,var(--red) 70%,var(--ink));border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));border-radius:9px;padding:10px;font-size:10px}.footer{display:flex;justify-content:space-between;gap:20px;padding:23px 4px 0;margin-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.footer strong{color:var(--ink)}
@media(max-width:1180px){.workspace{grid-template-columns:1fr}.workspace-side{display:none}.hero{grid-template-columns:1.35fr .75fr}.geometry-grid{grid-template-columns:repeat(3,1fr)}.use-grid{grid-template-columns:repeat(3,1fr)}.results-layout{grid-template-columns:1fr}.visualization-grid{grid-template-columns:1fr}.sections-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sections-panel .visual-title{grid-column:1/-1}.section-wrap+.section-wrap{margin-top:0}.result-speaker-card{grid-template-columns:auto 1fr 1.2fr}.result-speaker-data{grid-column:2/-1;justify-items:start;text-align:left}.zone-detail-grid{grid-template-columns:1fr}}
@media(max-width:780px){.shell{padding:24px 14px 48px}.topbar-inner{padding:10px 14px}.hero{grid-template-columns:1fr}.hero-panel{display:none}.project-grid,.geometry-grid,.use-grid,.sub-grid,.results-bottom,.shape-grid,.mount-grid{grid-template-columns:1fr 1fr}.result-hero,.calculate-panel{align-items:flex-start;flex-direction:column}.price-box{text-align:left;border-left:0;border-top:1px solid var(--line);padding:14px 0 0;min-width:0;width:100%}.calculate-actions{width:100%;justify-content:space-between}.footer{flex-direction:column}.result-speaker-card{grid-template-columns:auto 1fr}.result-speaker-specs,.result-speaker-data{grid-column:1/-1}.sections-panel{grid-template-columns:1fr}.listener-tools{grid-template-columns:1fr}.room-map{min-height:230px}}
@media(max-width:520px){.topbar-meta,.theme-label{display:none}.hero h1{font-size:34px}.project-grid,.geometry-grid,.use-grid,.sub-grid,.shape-grid,.mount-grid{grid-template-columns:1fr}.project-card,.zone-card,.calculate-panel,.result-card{padding:15px}.section-title-row.outside{align-items:flex-end}.title-input{max-width:230px}.result-hero{padding:18px}.hero-badges{display:none}.component-card{min-width:100%;}.speaker-preview-specs{display:grid;grid-template-columns:1fr 1fr}}

/* --- v0.24 UX/readability overrides --- */
body{font-size:16px;line-height:1.55}
.brand{font-size:16px}.subbrand{font-size:12px}.topbar-meta{font-size:12px}.theme-label{font-size:12px}
.eyebrow,.section-kicker,.mini-label{font-size:10px}.hero p{font-size:16px}.hero-badges span{font-size:12px}
.section-title-row h2,.section-head h3{font-size:21px}.section-hint{font-size:11px}.step-pill{width:34px;height:34px;font-size:11px}
.field{font-size:11px;gap:7px}.field input,.field select,.field textarea,textarea{padding:12px 13px;border-radius:10px;font-size:14px}
.zone-index{font-size:11px}.title-input{font-size:21px!important}.zone-block-title>span{font-size:14px}.zone-block-title small{font-size:10px}
.shape-help,.mount-help{font-size:12px}.installation-message{font-size:12px}
.speaker-preview-main strong{font-size:19px}.speaker-preview-main small{font-size:11px}.product-brand{font-size:10px}.speaker-preview-specs span{font-size:10px;padding:7px 9px}.auto-preview span,.auto-preview small{font-size:11px}.auto-preview b{font-size:14px}

.shape-config-layout{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(440px,1.05fr);gap:18px;align-items:stretch}
.shape-fields-pane{min-width:0}.shape-preview-wrap{margin-top:0;min-height:320px;display:flex;flex-direction:column;background:var(--panel-2);border:1px solid var(--line);border-radius:13px;overflow:hidden}
.shape-preview-head{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.shape-preview-head b{font-size:13px}.shape-preview-head span{font-size:10px;color:var(--muted)}
.shapePreview{width:100%;height:auto;min-height:260px;flex:1}.shape-fill{fill:color-mix(in srgb,var(--accent) 10%,var(--panel));stroke:var(--accent);stroke-width:2}.shape-grid-line{fill:none;stroke:var(--grid);stroke-width:1}.shape-caption{fill:var(--muted);font-size:12px;font-weight:800}.shape-error{fill:var(--red);font-size:12px}.shape-point circle{fill:var(--accent);stroke:#fff;stroke-width:1.5}.shape-point text{fill:#fff;font-size:10px;font-weight:900}
.preset-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.polygon-point-head,.polygon-point-row{display:grid;grid-template-columns:50px 1fr 1fr 34px;gap:8px;align-items:center}.polygon-point-head{color:var(--muted);font-size:10px;font-weight:800;padding:0 2px 6px}.polygon-point-row{margin-bottom:7px}.polygon-point-row input{background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 10px;width:100%}.point-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:900}.remove-point{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.remove-point:hover{color:var(--red);border-color:var(--red)}
.addPolygonPoint{margin-top:4px}

.data-scale{display:grid;gap:8px}.data-scale>b{font-size:12px}.data-scale>div{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px}.data-scale small{font-size:10px;color:var(--muted);line-height:1.35}.quality-chip{display:inline-grid;place-items:center;height:24px;border-radius:7px;font-size:10px;font-weight:900;border:1px solid var(--line)}.q-aplus{background:color-mix(in srgb,var(--green) 18%,var(--panel));color:var(--green)}.q-a{background:color-mix(in srgb,var(--blue) 18%,var(--panel));color:var(--blue)}.q-b{background:color-mix(in srgb,var(--yellow) 15%,var(--panel));color:var(--yellow)}.q-c{background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent)}.q-d{background:color-mix(in srgb,var(--red) 12%,var(--panel));color:var(--red)}

.result-speaker-card{grid-template-columns:70px minmax(180px,.75fr) minmax(300px,1fr) auto;padding:17px;gap:16px}.product-icon{width:62px;height:62px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid var(--line);padding:3px}.product-icon img{width:100%;height:100%;object-fit:contain;display:block}.result-speaker-main strong{font-size:19px}.result-speaker-main span,.result-speaker-main small,.result-speaker-specs span,.result-speaker-data small{font-size:10px}.result-speaker-data{max-width:220px}
.system-components{gap:12px}.component-card{padding:14px 16px}.component-card strong{font-size:16px}.component-card small{font-size:10px}.speaker-component{display:flex;align-items:center;gap:13px}.component-speaker-icon{width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.component-speaker-icon img{width:100%;height:100%;object-fit:contain}.component-meta{display:flex;flex-wrap:wrap;gap:5px 10px;margin:7px 0}.component-meta b{font-size:10px;color:var(--muted);font-weight:750}

.visualization-grid{grid-template-columns:minmax(400px,1fr);gap:14px}.plan-panel,.sections-panel{padding:14px}.visual-title b{font-size:14px}.visual-title span{font-size:10px;color:var(--muted)}
.sections-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sections-panel>.visual-title{grid-column:1/-1}.section-wrap+.section-wrap{margin-top:0}
.room-map{min-height:400px}.speaker-dot{width:42px;height:42px;background:#fff;padding:2px;border:2px solid color-mix(in srgb,var(--accent) 72%,white);overflow:visible}.speaker-dot img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}.speaker-dot b{position:absolute;right:-7px;top:-7px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;border:2px solid var(--panel);font-size:10px}.speaker-dot.wall-speaker{border-radius:9px;padding:3px;background:#fff}.speaker-dot.wall-speaker img{border-radius:6px}
.sub-marker{position:absolute;transform:translate(-50%,-50%);z-index:7;width:48px;height:28px;border-radius:7px;background:#6d4bc4;color:#fff;border:2px solid #bba7ff;display:grid;place-items:center;font-size:10px;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.28)}.sub-marker.provisional{border-style:dashed;opacity:.78}.sub-marker span{pointer-events:none}

.section-view{height:260px;min-height:260px}.section-cones{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.section-cones polygon{fill:color-mix(in srgb,var(--accent) 12%,transparent);stroke:color-mix(in srgb,var(--accent) 48%,transparent);stroke-width:.45;vector-effect:non-scaling-stroke}.section-speaker-icon{position:absolute;transform:translate(-50%,-50%);width:37px;height:37px;border-radius:50%;background:#fff;z-index:5;border:2px solid color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 3px 12px rgba(0,0,0,.3)}.section-speaker-icon img{width:100%;height:100%;object-fit:contain;border-radius:50%}.section-speaker-icon b{position:absolute;right:-6px;top:-6px;background:var(--accent);color:#fff;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:10px}.section-speaker-icon.wall{border-radius:7px}.section-sub{position:absolute;transform:translate(-50%,-50%);z-index:6;background:#6d4bc4;border:1px solid #c4b6ff;color:#fff;border-radius:5px;padding:4px 6px;font-size:10px;font-weight:900}.section-sub.provisional{border-style:dashed;opacity:.78}.section-label{font-size:10px;z-index:9}.section-dim{font-size:10px;z-index:9}.section-listener{z-index:10}

.metrics dt,.metrics dd{font-size:11px}.listener-readout>span{font-size:10px}.listener-readout small{font-size:10px}.audio-copy b{font-size:12px}.audio-copy small,.relative-volume,.volume-control{font-size:10px}.file-button{font-size:10px}.button.mini{font-size:10px}
.note-item{font-size:11px}.alt span{font-size:10px}.alt strong,.alt b{font-size:12px}.fineprint,.muted,.warning{font-size:10px}

@media(max-width:1180px){.shape-config-layout{grid-template-columns:1fr}.shape-preview-wrap{min-height:260px}.sections-panel{grid-template-columns:1fr 1fr}.room-map{min-height:340px}}
@media(max-width:780px){.shape-config-layout,.preset-row{grid-template-columns:1fr}.sections-panel{grid-template-columns:1fr}.section-view{height:230px}.room-map{min-height:300px}.result-speaker-card{grid-template-columns:60px 1fr}.result-speaker-specs,.result-speaker-data{grid-column:1/-1}.shape-preview-wrap{min-height:240px}}


/* --- v0.25 accuracy / product imagery / multi-zone UX --- */
.zone-manager{display:grid;grid-template-columns:minmax(260px,.55fr) 1fr;gap:16px;align-items:center;padding:13px 15px;margin-bottom:12px;border-style:dashed}.zone-manager-copy b{display:block;font-size:13px}.zone-manager-copy small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.zone-nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.zone-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.zone-chip span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;margin-right:5px;font-size:10px}.zone-chip:hover{border-color:var(--accent)}.zone-actions{display:flex;align-items:center;gap:8px}.removeZone:disabled{opacity:.28;cursor:not-allowed}.add-zone-button{box-shadow:0 5px 18px color-mix(in srgb,var(--accent) 22%,transparent)}
.speaker-preview-layout{display:grid;grid-template-columns:115px 1fr;gap:15px;align-items:center}.speaker-preview-photo{height:105px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center;overflow:hidden;padding:5px}.speaker-preview-photo img{width:100%;height:100%;object-fit:contain}.speaker-preview-copy{min-width:0}.real-product-photo{object-fit:contain}.generic-product-icon{object-fit:contain}
.product-icon{border-radius:12px!important;padding:4px!important}.product-icon img.real-product-photo{border-radius:8px}.component-speaker-icon{border-radius:10px!important;padding:3px}.component-speaker-icon img.real-product-photo{border-radius:7px}.amplifier-component{display:flex;align-items:center;gap:12px}.component-amplifier-image{width:58px;height:48px;border-radius:9px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;padding:3px}.component-amplifier-image img{max-width:100%;max-height:100%;object-fit:contain}
.plan-coverage{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.plan-coverage polygon{fill:color-mix(in srgb,var(--accent) 7%,transparent);stroke:color-mix(in srgb,var(--accent) 55%,transparent);stroke-width:.32;vector-effect:non-scaling-stroke}.section-cones polygon{fill:color-mix(in srgb,var(--accent) 13%,transparent);stroke:color-mix(in srgb,var(--accent) 58%,transparent)}
.listener-diagnostics{margin-top:9px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;overflow:hidden}.listener-diagnostics summary{cursor:pointer;padding:10px 12px;font-size:10px;font-weight:850;color:var(--muted)}.listener-diagnostics[open] summary{border-bottom:1px solid var(--line);color:var(--ink)}.listener-diagnostics-body{padding:10px 12px}.diagnostic-summary{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px;font-size:10px;color:var(--muted)}.diagnostic-summary b{color:var(--ink)}.diagnostic-scroll{overflow:auto}.listener-diagnostics table{width:100%;border-collapse:collapse;min-width:580px}.listener-diagnostics th,.listener-diagnostics td{font-size:10px;text-align:right;padding:5px 6px;border-bottom:1px solid var(--line)}.listener-diagnostics th:first-child,.listener-diagnostics td:first-child{text-align:left}.listener-diagnostics th{color:var(--muted);font-weight:850}.listener-diagnostics-body>small{display:block;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.45}
@media(max-width:780px){.zone-manager{grid-template-columns:1fr}.zone-nav{justify-content:flex-start}.speaker-preview-layout{grid-template-columns:80px 1fr}.speaker-preview-photo{height:78px}}
.orientation-options{margin-top:2px;padding:12px 13px;border:1px solid var(--line);background:var(--panel-2);border-radius:11px}.orientation-grid{display:grid;grid-template-columns:1.25fr 1.25fr .8fr;gap:10px}.orientation-help{margin-top:8px;color:var(--muted);font-size:10px;line-height:1.45}.orientation-help b{color:var(--ink)}.section-speaker-icon.projected{opacity:.28;filter:grayscale(1)}.section-cones polygon.projected{opacity:.08}.section-cones polygon.in-section{opacity:.34}.section-listener.projected{opacity:.55}.section-slice-note{position:absolute;right:7px;bottom:7px;font-size:10px;color:var(--muted);background:color-mix(in srgb,var(--panel) 80%,transparent);padding:2px 5px;border-radius:4px}
@media(max-width:780px){.orientation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.orientation-grid{grid-template-columns:1fr}}

/* v0.35 — orientation controls and section legibility */
.orientation-grid{grid-template-columns:repeat(2,minmax(250px,1fr));gap:14px}
.orientation-options.coverage-only .orientation-grid{grid-template-columns:minmax(300px,1fr)}
.orientation-options .field{font-size:10px}
.orientation-options select{min-height:46px;padding:10px 12px;font-size:12px;font-weight:750}
.orientation-options.coverage-only .coverageField{max-width:520px}
.section-cones polygon.in-section{opacity:.11;fill:color-mix(in srgb,var(--accent) 9%,transparent);stroke:color-mix(in srgb,var(--accent) 48%,transparent);stroke-width:.42}
.section-cones polygon.in-section.listener-near{opacity:.24;fill:color-mix(in srgb,var(--accent) 16%,transparent);stroke:color-mix(in srgb,var(--accent) 66%,transparent);stroke-width:.55}
.section-cones polygon.in-section.listener-hit{opacity:.46;fill:color-mix(in srgb,var(--accent) 25%,transparent);stroke:color-mix(in srgb,var(--accent) 84%,transparent);stroke-width:.72}
.section-cones polygon.in-section.listener-dominant{stroke:color-mix(in srgb,var(--accent) 96%,white);stroke-width:.95}
.section-cones .acoustic-axis{stroke:color-mix(in srgb,var(--accent) 88%,var(--ink));stroke-width:.55;stroke-dasharray:2 1.6;vector-effect:non-scaling-stroke;opacity:.82}
@media(max-width:760px){.orientation-grid{grid-template-columns:1fr}.orientation-options.coverage-only .orientation-grid{grid-template-columns:1fr}}

/* --- v0.35 commercial feed + visual consistency --- */
:root{
  --wall:#687884;
  --listener-card-bg:#17351f;--listener-card-border:#356646;
  --listener-card-value:#f7fff9;--listener-card-label:#80d9a6;--listener-card-sub:#b9d3c0;
}
body[data-theme="light"]{
  --wall:#566874;
  --listener-card-bg:#e7f6ec;--listener-card-border:#9dcbae;
  --listener-card-value:#173424;--listener-card-label:#24754b;--listener-card-sub:#536b5b;
}
/* Rotation / coverage are normal fields, not a separate blue panel. */
.orientation-options{background:transparent;border:0;border-radius:0;padding:0;margin-top:13px}
.orientation-options .orientation-grid{align-items:end}
.orientation-options .field{margin:0}
/* Strong wall outline in plan. */
.room-map{border:2px solid var(--wall)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wall) 42%,transparent)}
.room-wall-outline{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}
.room-wall-outline rect,.room-wall-outline polygon,.room-wall-outline ellipse{fill:none;stroke:var(--wall);stroke-width:3;vector-effect:non-scaling-stroke}
/* Listener value remains readable in both themes. */
.listener-readout{background:var(--listener-card-bg);border-color:var(--listener-card-border);color:var(--listener-card-value)}
.listener-readout>span{color:var(--listener-card-label)}
.listener-readout strong,.listener-readout strong b{color:var(--listener-card-value)}
.listener-readout small{color:var(--listener-card-sub)}
/* dB follows the draggable listener in the floor plan. */
.listener-plan-db{position:absolute;left:26px;top:-8px;display:block;white-space:nowrap;padding:4px 7px;border-radius:7px;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid color-mix(in srgb,var(--green) 55%,var(--line));color:var(--ink);font-size:10px;font-weight:900;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.14);pointer-events:none}
body[data-theme="light"] .listener-plan-db{background:rgba(255,255,255,.94)}

/* v0.35 — live section influence + simplified orbitable 3D preview */
.section-cones .off-section{display:none}
.section-speaker-icon.listener-weak{opacity:.56}
.section-speaker-icon.listener-near:not(.projected){opacity:.88;border-color:color-mix(in srgb,var(--accent) 66%,white)}
.section-speaker-icon.listener-hit:not(.projected){opacity:1;border-color:color-mix(in srgb,var(--accent) 90%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent),0 3px 12px rgba(0,0,0,.3)}
.section-speaker-icon.listener-dominant:not(.projected){box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 24%,transparent),0 4px 14px rgba(0,0,0,.34)}
.three-d-panel{margin-top:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px}
.room-3d-wrap{position:relative;min-height:390px;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--plan) 86%,var(--panel)),var(--plan));}
.room-3d-canvas{display:block;width:100%;height:390px;touch-action:none;cursor:grab;user-select:none}
.room-3d-canvas:active{cursor:grabbing}
.room-3d-controls{position:absolute;left:10px;top:10px;display:flex;gap:7px;flex-wrap:wrap;z-index:2}
.room-3d-controls .mini-button{border:1px solid var(--line-2);background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--ink);border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.room-3d-controls .mini-button:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--line-2))}
.room-3d-note{position:absolute;left:10px;right:10px;bottom:8px;color:var(--muted);font-size:10px;line-height:1.35;background:color-mix(in srgb,var(--panel) 84%,transparent);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:6px;padding:5px 7px;pointer-events:none}
@media(max-width:780px){.room-3d-wrap{min-height:300px}.room-3d-canvas{height:300px}.three-d-panel{padding:10px}.room-3d-controls{right:8px}.room-3d-controls .mini-button{padding:5px 7px}}

/* --- v0.35 UX consolidation --- */
.topbar-project-field{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:800}.topbar-project-field input{width:min(300px,28vw);min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:8px 11px;font-size:13px;font-weight:750}.topbar-project-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.zone-manager{grid-template-columns:minmax(250px,.8fr) minmax(330px,.9fr) minmax(260px,1fr)}.project-inline-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-inline-settings .field{margin:0}
.results-layout{grid-template-columns:1fr}.amplifier-card{margin-top:0}.zones-results-card,.amplifier-card{width:100%}
.calculate-panel{padding:24px 26px}.calculate-actions{min-width:280px;justify-content:flex-end}.calculate-actions #calculate{min-width:230px;min-height:56px;padding:15px 26px;border-radius:12px;font-size:15px;box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 28%,transparent)}.calc-status{font-size:11px}
.system-components{display:block;margin-top:18px}.assembly-list{display:grid;gap:12px}.assembly-zone{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);overflow:hidden}.assembly-zone.shared{border-left:4px solid var(--blue)}.assembly-zone-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 76%,transparent)}.assembly-zone-head span{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.1em}.assembly-zone-head strong{display:block;font-size:15px}.assembly-zone-head>b{font-size:15px}.assembly-line{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(210px,.55fr);gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.assembly-line:last-child{border-bottom:0}.assembly-line.text-only{grid-template-columns:minmax(0,1fr) minmax(210px,.55fr)}.assembly-image{width:58px;height:52px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:3px;display:grid;place-items:center;overflow:hidden}.assembly-image img{max-width:100%;max-height:100%;object-fit:contain}.assembly-product span{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.09em}.assembly-product strong{display:block;font-size:14px;margin:2px 0}.assembly-product small{display:block;color:var(--muted);font-size:11px}.assembly-commercial{text-align:right;display:grid;justify-items:end;gap:2px}.assembly-commercial>strong{font-size:15px}.assembly-commercial>small{font-size:11px;color:var(--muted)}.availability-badge{display:inline-flex;padding:3px 7px;border-radius:999px;border:1px solid var(--line);font-size:10px;font-weight:800;color:var(--muted)}.availability-badge.stock{color:#26744c;border-color:#72bd93;background:color-mix(in srgb,#72bd93 10%,transparent)}.availability-badge.order{color:#9a6b16;border-color:#ddb75e;background:color-mix(in srgb,#ddb75e 10%,transparent)}.availability-badge.out{color:#a94448;border-color:#dc878a;background:color-mix(in srgb,#dc878a 10%,transparent)}
/* readable minimum typography */
.subbrand,.topbar-meta,.theme-label,.eyebrow,.section-kicker,.mini-label,.hero-badges span,.hero-panel p,.hero-stat-grid span,.section-hint,.step-pill,.field,.zone-index,.zone-block-title small,.speaker-preview-main small,.product-brand,.speaker-preview-specs span,.auto-preview span,.auto-preview small,.shape-preview-head b,.visual-title b,.shape-preview-head span,.visual-title span,.button,.clean-list b,.clean-list small,.badge,.data-quality,.component-meta b,.metrics dt,.metrics dd,.listener-readout>span,.listener-readout small,.audio-copy small,.relative-volume,.volume-control,.note-item,.alt span,.fineprint,.muted,.warning,.zone-manager-copy small,.zone-chip,.zone-chip span,.listener-diagnostics summary,.diagnostic-summary,.listener-diagnostics th,.listener-diagnostics td,.listener-diagnostics-body>small,.orientation-options .field,.orientation-help,.section-label,.section-dim,.section-slice-note,.listener-plan-db,.room-3d-controls .mini-button,.room-3d-note{font-size:11px!important}
.field{font-size:12px!important}.field input,.field select,.field textarea{font-size:13px}.zone-block-title>span{font-size:13px}.result-copy>p{font-size:12px}.price-box span,.price-box small{font-size:11px}.component-card span,.component-card small{font-size:11px}.component-card strong{font-size:15px}.listener-diagnostics th,.listener-diagnostics td{font-size:10px!important}.speaker-dot b,.section-speaker-icon b{font-size:10px!important}
@media(max-width:1050px){.zone-manager{grid-template-columns:1fr}.zone-nav{justify-content:flex-start}.project-inline-settings{max-width:620px}}
@media(max-width:780px){.topbar-project-field span{display:none}.topbar-project-field input{width:42vw;min-width:160px}.project-inline-settings{grid-template-columns:1fr}.assembly-line,.assembly-line.text-only{grid-template-columns:52px 1fr}.assembly-line.text-only{grid-template-columns:1fr}.assembly-commercial{grid-column:2;text-align:left;justify-items:start}.assembly-line.text-only .assembly-commercial{grid-column:1}.calculate-actions{min-width:0;width:100%;flex-direction:column;align-items:stretch}.calculate-actions #calculate{width:100%}}

/* --- v0.36 per-zone electrical workflow + suitability + expanded 3D --- */
.zone-manager{grid-template-columns:minmax(260px,.7fr) minmax(320px,1.3fr)}
.zone-electrical-grid{grid-template-columns:repeat(2,minmax(180px,1fr));max-width:620px}
.electrical-help{margin-top:8px;max-width:820px}
.amp-section-title{max-width:none}

/* Keep plan readable without letting one room consume an entire desktop viewport. */
.plan-panel{width:min(100%,780px);margin-inline:auto}
.room-map{min-height:300px}
.room-map.circle-room{width:min(100%,620px);margin-inline:auto}

.system-assessment{display:grid;gap:8px;margin:12px 0 2px}.system-assessment-main{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;border:1px solid var(--line);background:var(--panel-2)}.system-assessment-main b{font-size:11px;letter-spacing:.07em}.system-assessment-main span{font-size:12px}.system-assessment-main.good{border-color:color-mix(in srgb,var(--green) 48%,var(--line));background:color-mix(in srgb,var(--green) 7%,var(--panel-2))}.system-assessment-main.good b{color:var(--green)}.system-assessment-main.warn{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel-2))}.system-assessment-main.warn b{color:var(--accent)}.system-assessment-flags{display:flex;gap:7px;flex-wrap:wrap}.system-assessment-flags span{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 7px;background:var(--panel)}
.suitability-card{margin:10px 0 12px;border:1px solid var(--line);border-left-width:4px;border-radius:10px;padding:10px 12px;background:var(--panel-2)}.suitability-card.good{border-left-color:var(--green)}.suitability-card.warn{border-left-color:var(--accent)}.suitability-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.suitability-head span{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--green)}.suitability-card.warn .suitability-head span{color:var(--accent)}.suitability-head strong{font-size:13px}.suitability-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.suitability-facts span{font-size:11px;border:1px solid var(--line);border-radius:7px;padding:4px 7px;color:var(--muted);background:var(--panel)}.suitability-comparison{margin-top:8px;font-size:11px;line-height:1.45;color:var(--muted)}.suitability-comparison strong{color:var(--ink)}

.room-3d-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;align-items:stretch}.room-3d-wrap{min-height:500px}.room-3d-canvas{height:500px}.room-3d-info{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:14px;min-width:0}.room-3d-info>strong{display:block;font-size:15px;margin:4px 0 12px}.room-3d-info dl{display:grid;gap:7px;margin:0}.room-3d-info dl>div{display:grid;grid-template-columns:1fr;gap:1px;padding-bottom:7px;border-bottom:1px solid var(--line)}.room-3d-info dt{font-size:10px;color:var(--muted);font-weight:800}.room-3d-info dd{font-size:12px;margin:0;font-weight:750}.room-3d-info p{font-size:11px;line-height:1.45;color:var(--muted);margin:12px 0 0}.room-3d-controls{align-items:flex-start}.view3d-select-label{display:flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--ink);border-radius:7px;padding:5px 7px;font-size:10px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.12)}.view3d-select-label select{border:0;background:transparent;color:var(--ink);font-size:11px;font-weight:800;outline:none}.room-3d-note{position:static;margin-top:8px}
.electrical-group{border:1px solid var(--line);border-radius:11px;overflow:hidden;margin:10px 0;background:var(--panel-2)}.electrical-group-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 11px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,transparent)}.electrical-group-head span{display:block;font-size:10px;color:var(--blue);font-weight:900;letter-spacing:.07em}.electrical-group-head strong{display:block;font-size:13px}.electrical-group-head small{font-size:11px;color:var(--muted)}

@media(max-width:1050px){.zone-manager{grid-template-columns:1fr}.room-3d-layout{grid-template-columns:1fr}.room-3d-info{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.room-3d-info dl{grid-column:2}.room-3d-info p{grid-column:1/-1}}
@media(max-width:780px){.zone-electrical-grid{grid-template-columns:1fr}.plan-panel{width:100%}.room-map.circle-room{width:100%}.room-3d-wrap{min-height:360px}.room-3d-canvas{height:360px}.room-3d-info{display:block}.room-3d-controls{right:8px}.view3d-select-label{width:100%;justify-content:space-between}.view3d-select-label select{max-width:190px}.system-assessment-main{align-items:flex-start;flex-direction:column}}

/* --- v0.37 commercial truth, sticky calculation, 3D frequency coverage, exports --- */
.project-file-actions{display:flex;align-items:center;gap:6px}.compact-action{padding:7px 9px;font-size:11px;font-weight:800;white-space:nowrap}.workspace-side-stack{display:grid;gap:12px}.side-calculate-panel{margin:0;display:grid;gap:14px;padding:18px}.side-calculate-panel h2{font-size:20px;line-height:1.12;margin:4px 0 7px}.side-calculate-panel p{font-size:11px;line-height:1.45}.side-calculate-panel .calculate-actions{display:grid;gap:7px;min-width:0;width:100%}.side-calculate-panel .calculate-actions #calculate{width:100%;min-width:0;min-height:62px;padding:16px 18px;font-size:16px}.side-calculate-panel .calc-status{min-width:0;text-align:center;font-size:11px}

/* Electrical recommendation follows the active theme; no isolated dark tile in light mode. */
.amp-hero{background:var(--panel);color:var(--ink);padding:14px;border-radius:10px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid var(--line);box-shadow:none}.amp-hero-image{width:72px;height:60px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;padding:4px;overflow:hidden}.amp-hero-image img{max-width:100%;max-height:100%;object-fit:contain}.amp-hero-copy{min-width:0}.amp-label{font-size:11px;letter-spacing:.1em;color:var(--accent);font-weight:900}.amp-hero strong{display:block;font-size:15px;margin:3px 0;color:var(--ink)}.amp-hero small{display:block;color:var(--muted);font-size:11px;line-height:1.45}.amp-hero>b{font-size:14px;white-space:nowrap;color:var(--ink);text-align:right}.amp-availability{display:block;margin-top:6px}.amp-availability .availability-badge{font-size:10px}

/* 3D: frequency is primary; -6 dB is the default coverage; layers are diagnostic. */
.room-3d-controls{max-width:calc(100% - 20px)}.view3d-select-label{font-size:11px;padding:6px 8px}.view3d-select-label select{font-size:11px}.room-3d-legend{position:absolute;left:11px;bottom:10px;z-index:2;display:flex;flex-wrap:wrap;gap:7px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(8px);font-size:10px;color:var(--muted)}.room-3d-legend span{display:flex;align-items:center;gap:5px}.room-3d-legend i{width:12px;height:6px;border-radius:999px;background:var(--accent);opacity:.75}.room-3d-legend .compare i{background:var(--blue)}.room-3d-legend .listener-plane i{background:var(--green);opacity:.45}.room-3d-info dt{font-size:11px}.room-3d-info dd{font-size:12px}.room-3d-info p{font-size:11px}

/* Final assembly intentionally lives at the end of the result. */
.final-assembly-card{margin-top:16px;padding:24px}.final-assembly-head{align-items:flex-end}.final-assembly-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.result-export-actions{display:flex;gap:8px;flex-wrap:wrap}.assembly-total{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:14px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.assembly-total span{display:block;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.1em}.assembly-total small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.assembly-total>strong{font-size:22px;text-align:right}.assembly-commercial>strong{font-size:15px}.assembly-commercial>small{font-size:11px}

/* Topbar project actions remain compact on normal desktop. */
@media(max-width:1180px){.project-file-actions .compact-action{font-size:0;width:36px;height:36px;padding:0;position:relative}.project-file-actions #saveProject::after{content:'↓';font-size:16px}.project-file-actions #loadProjectButton::after{content:'↑';font-size:16px}.topbar-project-field input{width:220px}}
@media(max-width:780px){.workspace-side-stack{position:static}.workspace-side{order:2}.workspace{grid-template-columns:1fr}.room-3d-legend{right:8px;left:8px}.final-assembly-head{align-items:flex-start;flex-direction:column}.result-export-actions{width:100%}.result-export-actions .button{flex:1}.amp-hero{grid-template-columns:58px minmax(0,1fr)}.amp-hero-image{width:58px;height:50px}.amp-hero>b{grid-column:2;text-align:left}.project-file-actions{display:none}}

/* Browser PDF export: results-only print report, suitable for "Save as PDF". */
@media print{
  @page{size:A4;margin:12mm}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important}
  body.print-report{background:#fff!important;color:#111!important;font-size:10pt}
  body.print-report .topbar,body.print-report .hero,body.print-report .workspace,body.print-report .footer,body.print-report .no-print,body.print-report audio,body.print-report .audio-demo,body.print-report .listener-diagnostics{display:none!important}
  body.print-report .shell{max-width:none;padding:0;margin:0}
  body.print-report #results{display:block!important;margin:0}
  body.print-report .card,body.print-report .result-card,body.print-report .result-hero{background:#fff!important;color:#111!important;border:1px solid #cfd6db!important;border-radius:8px!important;break-inside:avoid}
  body.print-report .results-layout,body.print-report .results-bottom{display:block!important}
  body.print-report .result-card,body.print-report .results-bottom>section,body.print-report .final-assembly-card{margin:0 0 8mm!important;page-break-inside:auto}
  body.print-report .zone-result{break-inside:avoid-page}
  body.print-report .three-d-panel{break-inside:avoid-page}
  body.print-report .room-3d-canvas{height:360px!important}
  body.print-report .room-3d-controls,body.print-report .room-3d-legend{display:none!important}
  body.print-report .plan-panel{width:100%!important}.room-map.circle-room{width:min(100%,150mm)!important}
  body.print-report .assembly-line,body.print-report .assembly-zone{break-inside:avoid}
  body.print-report a{color:inherit;text-decoration:none}
}
.generic-product-placeholder{width:100%;height:100%;display:grid;place-items:center;border-radius:6px;background:linear-gradient(145deg,#eef2f4,#dfe6eb);color:#53616c;font-size:10px;font-weight:900;letter-spacing:.08em}.generic-product-placeholder.amplifier::before{content:'▰';font-size:19px;line-height:1;margin-right:4px}.generic-product-placeholder.amplifier{display:flex;align-items:center;justify-content:center;gap:2px}

/* v0.38 result/3D refinements */
.project-assessment-block{margin:4px 0 16px;padding:14px 15px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2)}
.project-assessment-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.project-assessment-title>strong{font-size:14px}
.project-assessment-block .system-assessment{margin-bottom:0}
.room-3d-info .view3d-open-info.warning{color:var(--accent)}
.room-3d-info .view3d-audio-info.active{color:var(--green)}
@media(max-width:780px){.project-assessment-title{align-items:flex-start;flex-direction:column;gap:3px}}

/* v0.39 mounting coordinates, listener-height dimension and 3D navigation */
.plan-origin,.plan-axis{position:absolute;z-index:9;pointer-events:none;font-size:11px;font-weight:900;color:var(--ink);background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:5px;padding:2px 5px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.plan-origin{left:7px;top:7px}.plan-axis-x{right:7px;bottom:7px}.plan-axis-y{left:7px;bottom:7px}
.mounting-coordinates{margin-top:9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.mounting-coordinates summary{cursor:pointer;padding:8px 10px;font-size:11px;font-weight:850;color:var(--ink);background:var(--panel-2)}.mounting-coordinate-note{padding:8px 10px 4px;font-size:11px;line-height:1.4;color:var(--muted)}.mounting-coordinate-scroll{overflow:auto;padding:5px 10px 9px}.mounting-coordinate-scroll table{width:100%;border-collapse:collapse;font-size:11px}.mounting-coordinate-scroll th,.mounting-coordinate-scroll td{text-align:right;padding:5px 7px;border-bottom:1px solid var(--line)}.mounting-coordinate-scroll th:first-child,.mounting-coordinate-scroll td:first-child{text-align:left}.mounting-coordinate-scroll tr:last-child td{border-bottom:0}
.listener-height-dim{position:absolute;bottom:0;z-index:7;width:1px;border-left:1.5px solid color-mix(in srgb,var(--green) 72%,var(--ink));pointer-events:none}.listener-height-dim::before,.listener-height-dim::after{content:'';position:absolute;left:-5px;width:10px;border-top:1.5px solid color-mix(in srgb,var(--green) 72%,var(--ink))}.listener-height-dim::before{top:0}.listener-height-dim::after{bottom:0}.listener-height-dim span{position:absolute;top:-8px;left:6px;white-space:nowrap;padding:2px 4px;border-radius:4px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);color:var(--green);font-size:11px;font-weight:850}
.room-3d-canvas{cursor:grab}.room-3d-canvas:active{cursor:grabbing}.room-3d-info .view3d-open-info.wide-field{color:var(--blue)}.view3d-control-help{padding-top:9px;border-top:1px solid var(--line)}
@media(max-width:780px){.plan-origin,.plan-axis,.mounting-coordinate-note,.mounting-coordinate-scroll table,.listener-height-dim span{font-size:10px}.mounting-coordinate-scroll th,.mounting-coordinate-scroll td{padding:4px 5px}}

/* --- v0.40 right-sizing + compact listener/audio + theme cleanup --- */
.hero-panel{color:var(--ink)}
.hero-panel p{color:var(--muted)}
.hero-stat-grid div{background:var(--panel-2);border:1px solid var(--line)}
.hero-stat-grid span{color:var(--muted)}
.use-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}
.use-grid .field-wide{grid-column:span 2}
.listener-tools{display:block}
.listener-audio-card{padding:13px 14px}
.audio-demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.listener-inline-readout{flex:0 0 auto;text-align:right;padding-left:14px;border-left:1px solid var(--line)}
.listener-inline-readout strong{display:block;font-size:18px;line-height:1.15;color:var(--ink)}
.listener-inline-readout strong b{font-size:inherit}
.listener-inline-readout small{display:block;margin-top:3px;font-size:11px;color:var(--muted);white-space:nowrap}
.demo-flow-toggle{white-space:nowrap}
.alt-summary{background:color-mix(in srgb,var(--green) 5%,transparent);padding-left:8px;padding-right:8px;border-radius:8px}
.mounting-coordinate-scroll table{min-width:720px}
@media(max-width:900px){.use-grid{grid-template-columns:1fr 1fr}.use-grid .field-wide{grid-column:1/-1}}
@media(max-width:620px){.use-grid{grid-template-columns:1fr}.use-grid .field-wide{grid-column:auto}.audio-demo-head{display:block}.listener-inline-readout{text-align:left;border-left:0;border-top:1px solid var(--line);padding:9px 0 0;margin-top:9px}.listener-inline-readout small{white-space:normal}}

/* --- v0.41 strict commercial item IDs + clearer installation visuals --- */
.plan-panel{width:100%;max-width:1220px}
.plan-content-grid{display:grid;grid-template-columns:minmax(520px,1fr) minmax(360px,430px);gap:14px;align-items:start}
.plan-map-column{min-width:0}
.mounting-coordinate-side{min-width:0}
.mounting-coordinates{margin:0;border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}
.mounting-coordinates>summary{list-style:none;cursor:pointer;background:var(--accent);color:#fff;padding:11px 13px;font-size:12px;font-weight:900;letter-spacing:.01em}
.mounting-coordinates>summary::-webkit-details-marker{display:none}
.mounting-coordinates>summary::before{content:'▾';display:inline-block;margin-right:7px;transition:transform .15s}
.mounting-coordinates:not([open])>summary::before{transform:rotate(-90deg)}
.mounting-coordinate-note{padding:10px 11px 8px;font-size:10px;line-height:1.45;color:var(--muted)}
.mounting-coordinate-scroll{overflow:auto;padding:0 8px 9px}
.mounting-coordinate-scroll table{min-width:470px;width:100%}
.mounting-coordinate-scroll th,.mounting-coordinate-scroll td{padding:5px 6px;font-size:10px;white-space:nowrap}

.section-listening-plane{position:absolute;left:0;right:0;z-index:3;border-top:1.5px dashed color-mix(in srgb,var(--green) 72%,transparent);pointer-events:none}
.listener-height-dim.side-dim{left:auto}
.listener-height-dim.side-dim span{left:auto;right:7px;transform:translateY(-1px)}

.dim-l-total-x,.dim-l-total-y,.dim-l-bottom,.dim-l-notch-x,.dim-l-notch-y{transform:translate(-50%,-50%);white-space:nowrap}
.dim-l-total-y{transform:translate(-50%,-50%) rotate(-90deg)}
.dim-l-bottom{transform:translate(-50%,0)}
.dim-l-notch-x{transform:translate(-50%,-105%)}
.dim-l-notch-y{transform:translate(-105%,-50%) rotate(-90deg)}

.demo-toggle.button.primary,.demo-flow-toggle.button.primary{box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 20%,transparent)}
.demo-flow-toggle.button.primary{min-width:130px}

@media(max-width:1050px){
  .plan-content-grid{grid-template-columns:1fr}
  .mounting-coordinate-side{max-width:none}
  .mounting-coordinate-scroll table{min-width:680px}
}


/* --- v0.42 3D auto-fit + common coverage envelope --- */
.room-3d-wrap{min-height:520px}
.room-3d-canvas{height:520px}
.room-3d-controls .view3d-envelope:not(:disabled){border-color:color-mix(in srgb,var(--violet) 55%,var(--line-2))}
.room-3d-controls .view3d-envelope:disabled{opacity:.48;cursor:not-allowed}
.room-3d-legend .envelope i{background:var(--violet);opacity:.78}
.room-3d-info .view3d-envelope-info{color:var(--violet)}
@media(max-width:780px){.room-3d-wrap{min-height:390px}.room-3d-canvas{height:390px}}

/* --- v0.43 stable 3D orbit + lightweight spectral audio overlay --- */
.room-3d-canvas{position:relative;z-index:0}
.room-3d-audio-canvas{position:absolute;inset:0;display:block;width:100%;height:520px;pointer-events:none;z-index:1}
.room-3d-controls,.room-3d-legend{z-index:3}
@media(max-width:780px){.room-3d-audio-canvas{height:390px}}

/* --- v0.44 compact 3D inspector + fixed viewport + summary modes --- */
.room-3d-layout{align-items:start;grid-template-columns:minmax(0,1fr) 205px}
.room-3d-wrap{height:520px;min-height:0;align-self:start}
.room-3d-canvas,.room-3d-audio-canvas{height:100%}
.room-3d-info{align-self:start;padding:12px;max-height:520px;overflow:auto}
.room-3d-info>strong{font-size:14px;margin:3px 0 9px}
.room-3d-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}
.room-3d-quick-stats span{display:grid;gap:1px;padding:7px 6px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel-2) 82%,transparent)}
.room-3d-quick-stats b{font-size:12px;line-height:1.15}.room-3d-quick-stats small{font-size:10px;color:var(--muted);line-height:1.1}
.room-3d-info dl{gap:5px}.room-3d-info dl>div{padding-bottom:5px}.room-3d-info p{margin:8px 0 0;line-height:1.35}
.room-3d-note{margin-top:6px;padding:4px 7px;line-height:1.25}
.room-3d-legend .summary i{background:var(--blue);opacity:.82}
.view3d-select-label select:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:1050px){.room-3d-layout{grid-template-columns:1fr}.room-3d-info{display:grid;grid-template-columns:auto 1fr;column-gap:12px;max-height:none}.room-3d-info>strong{grid-column:1/-1}.room-3d-quick-stats{grid-column:1/-1}.room-3d-info dl{grid-column:1/-1}.room-3d-info p{grid-column:1/-1}}
@media(max-width:780px){.room-3d-wrap{height:390px;min-height:0}.room-3d-canvas,.room-3d-audio-canvas{height:100%}.room-3d-info{display:block}}

/* --- v0.45 result hierarchy, linked visualizations and human-readable output --- */
.result-numbered-card{scroll-margin-top:86px;position:relative}
.result-section-nav{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:40;display:grid;gap:7px;padding:8px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.result-section-nav a{display:flex;align-items:center;gap:7px;color:var(--muted);text-decoration:none;padding:5px 7px;border-radius:9px;transition:.15s}
.result-section-nav a:hover{background:var(--panel-2);color:var(--ink)}
.result-section-nav span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:900}
.result-section-nav b{font-size:10px;font-weight:800}
.alternatives-card,.final-assembly-card,.notes-card{margin-top:16px}
.alternatives-card .section-head p,.notes-card .section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}

.result-speaker-card{grid-template-columns:86px minmax(0,1fr) minmax(220px,300px);gap:18px;padding:18px 20px;margin:14px 0 12px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--panel-2)),var(--panel-2))}
.result-speaker-card .product-icon{width:78px;height:78px;border-radius:13px!important;padding:6px!important}
.result-speaker-main strong{font-size:20px;line-height:1.12;margin:2px 0 3px}
.result-speaker-main>span{font-size:11px!important}
.result-speaker-main>small{font-size:11px!important}
.result-speaker-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.result-speaker-pills span{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:11px;color:var(--muted);line-height:1.2}
.result-speaker-pills b{color:var(--ink);font-weight:850}
.result-speaker-side{display:grid;justify-items:end;text-align:right;gap:5px;min-width:0}
.result-speaker-side .data-quality{font-size:11px!important;padding:6px 9px}
.result-speaker-side small{font-size:11px;color:var(--muted);line-height:1.35;max-width:280px}

.plan-content-grid{grid-template-columns:minmax(0,1fr) minmax(285px,330px);gap:12px}
.mounting-coordinate-side{max-width:330px;width:100%}
.mounting-coordinates>summary{padding:10px 11px;font-size:11px}
.mounting-coordinate-note{padding:8px 9px 6px;font-size:10px;line-height:1.35}
.mounting-coordinate-scroll{overflow-x:auto;padding:0 5px 7px}
.mounting-coordinate-scroll table{min-width:0;width:100%;table-layout:auto}
.mounting-coordinate-scroll th,.mounting-coordinate-scroll td{padding:5px 4px;font-size:9.5px;white-space:nowrap}
.mounting-coordinate-scroll th:first-child,.mounting-coordinate-scroll td:first-child{width:38px}
.mounting-coordinate-scroll th:nth-child(2),.mounting-coordinate-scroll td:nth-child(2),.mounting-coordinate-scroll th:nth-child(3),.mounting-coordinate-scroll td:nth-child(3),.mounting-coordinate-scroll th:nth-child(4),.mounting-coordinate-scroll td:nth-child(4){width:48px}

.metrics{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;overflow:hidden}
.metrics>div{padding:9px 11px!important}
.metrics dt{color:var(--muted);font-weight:700}
.metrics dd{font-weight:800;line-height:1.35}
.uniformity-details .listener-diagnostics-body>small{font-size:11px!important;line-height:1.55;padding:7px 2px 2px}

.listener-audio-card{padding:15px 16px}
.audio-copy b{font-size:13px}
.audio-copy small{font-size:11px!important;line-height:1.45;max-width:720px}
.listener-inline-readout{min-width:178px}
.listener-inline-readout strong{font-size:21px}
.listener-inline-readout small{font-size:10.5px!important;white-space:normal}

.room-3d-layout{grid-template-columns:minmax(0,1fr) 245px}
.room-3d-info{padding:14px;max-height:520px}
.room-3d-info>strong{font-size:15px}
.room-3d-info dt,.room-3d-info dd{font-size:11px;line-height:1.4}
.room-3d-quick-stats b{font-size:13px}
.room-3d-quick-stats small{font-size:9px;line-height:1.2}
.room-3d-note{font-size:10.5px!important;line-height:1.4;padding:7px 9px}
.view3d-fullscreen{font-weight:850}
.three-d-panel:fullscreen{background:var(--bg);padding:18px;border:0;border-radius:0;overflow:auto}
.three-d-panel:fullscreen .room-3d-layout{grid-template-columns:minmax(0,1fr) 270px;height:calc(100vh - 88px)}
.three-d-panel:fullscreen .room-3d-wrap{height:calc(100vh - 112px)}
.three-d-panel:fullscreen .room-3d-info{max-height:calc(100vh - 112px)}
.three-d-panel:fullscreen .room-3d-canvas,.three-d-panel:fullscreen .room-3d-audio-canvas{height:100%}

.amplifier-card .fineprint{font-size:11px!important;line-height:1.5;margin-bottom:13px;max-width:1050px}
.electrical-group{overflow:hidden}
.amp-hero{padding:17px 18px}
.amp-hero-image{width:76px!important;height:58px!important;padding:5px}
.amp-hero-copy strong{font-size:17px}
.amp-hero-copy small{font-size:11px;line-height:1.4}
.amp-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px 14px;background:color-mix(in srgb,var(--blue) 4%,var(--panel-2));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.amp-summary-grid>div{padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.amp-summary-grid span,.amp-summary-grid small{display:block;color:var(--muted);font-size:10px}
.amp-summary-grid strong{display:block;font-size:18px;margin:2px 0;color:var(--ink)}
.amp-zone-usage{padding:10px 0;border-top:1px solid var(--line)}
.amp-zone-usage:first-child{border-top:0}
.amp-zone-usage-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 0 7px}
.amp-zone-usage-head strong{font-size:12px}
.amp-zone-usage-head span{font-size:10px;color:var(--muted)}
.outputs{padding:8px 14px 12px}
.output-line{grid-template-columns:72px 76px 1fr;padding:8px 9px}
.output-line span,.output-line strong,.output-line small{font-size:11px}

.alternatives-card #alternatives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.alternatives-card .alt{display:grid;grid-template-columns:1fr;gap:4px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
.alternatives-card .alt:first-child{border-top:1px solid var(--line)}
.alternatives-card .alt span{grid-column:auto;font-size:10px!important;color:var(--accent);font-weight:800}
.alternatives-card .alt strong{font-size:13px}
.alternatives-card .alt b{font-size:11px;line-height:1.45;font-weight:700;color:var(--ink)}
.alternatives-card .alt small{font-size:10px;color:var(--muted);line-height:1.4}
.alternatives-card .alt-summary{background:color-mix(in srgb,var(--green) 6%,var(--panel-2))}

.project-assessment-block{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2)}
.project-assessment-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.project-assessment-title strong{font-size:13px}
.system-assessment-main{border-radius:9px;padding:11px 12px!important;display:flex!important;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));background:color-mix(in srgb,var(--green) 5%,var(--panel))}
.system-assessment-main.warn{border-color:color-mix(in srgb,var(--yellow) 30%,var(--line));background:color-mix(in srgb,var(--yellow) 6%,var(--panel))}
.system-assessment-main b{font-size:11px;white-space:nowrap}
.system-assessment-main span{font-size:11px;line-height:1.45}
.system-assessment-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.system-assessment-flags span{font-size:10px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}

.assembly-list{gap:12px}
.assembly-zone{border-radius:11px;overflow:hidden}
.assembly-line{grid-template-columns:92px minmax(0,1fr) auto;min-height:88px;padding:12px 14px}
.assembly-image{width:82px!important;height:68px!important;padding:5px!important}
.assembly-product span{font-size:10px}
.assembly-product strong{font-size:15px;line-height:1.25}
.assembly-product small{font-size:11px;line-height:1.4;color:var(--muted)}
.assembly-commercial strong{font-size:14px}
.assembly-commercial small{font-size:10px}

.notes-card #notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.notes-card .note-item{font-size:11px!important;line-height:1.6;padding:10px 0}
.notes-card .note-item:nth-child(2){border-top:0}

@media(max-width:1350px){
  .result-section-nav{right:6px}.result-section-nav b{display:none}.result-section-nav a{padding:4px}
}
@media(max-width:1050px){
  .result-section-nav{position:sticky;top:8px;transform:none;right:auto;display:flex;justify-content:center;margin:0 auto 12px;width:max-content;max-width:100%;overflow:auto}.result-section-nav b{display:inline}
  .plan-content-grid{grid-template-columns:1fr}.mounting-coordinate-side{max-width:none}.mounting-coordinate-scroll table{min-width:520px}
  .room-3d-layout{grid-template-columns:1fr}.room-3d-info{max-height:none}
  .alternatives-card #alternatives,.notes-card #notes{grid-template-columns:1fr}.notes-card .note-item:nth-child(2){border-top:1px solid var(--line)}
}
@media(max-width:780px){
  .result-speaker-card{grid-template-columns:68px 1fr;padding:14px}.result-speaker-card .product-icon{width:62px;height:62px}.result-speaker-side{grid-column:1/-1;justify-items:start;text-align:left}.result-speaker-main strong{font-size:18px}
  .amp-summary-grid{grid-template-columns:1fr}.amp-summary-grid strong{font-size:16px}
  .assembly-line{grid-template-columns:72px 1fr}.assembly-image{width:66px!important;height:58px!important}.assembly-commercial{grid-column:2;text-align:left}
  .result-section-nav{justify-content:flex-start}.result-section-nav b{font-size:9px}
}

/* --- v0.45 visual pass 2: clearer alternatives, final summary and assembly --- */
.result-section-nav a.active{background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,var(--line))}
.result-section-nav a.active span{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}

.alternatives-card .alt-summary{grid-column:1/-1;display:grid;grid-template-columns:minmax(120px,.28fr) minmax(220px,.72fr);column-gap:16px;align-items:start}
.alternatives-card .alt-summary span{grid-row:1/3;align-self:center}
.alternatives-card .alt-summary strong{font-size:14px}
.alternatives-card .alt-summary b{color:var(--muted);font-weight:650}

.project-assessment-block{padding:16px 17px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 3%,var(--panel-2)),var(--panel-2))}
.assessment-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}
.assessment-summary-item{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.assessment-summary-item>span{display:block;font-size:9.5px;font-weight:900;letter-spacing:.1em;color:var(--muted)}
.assessment-summary-item>strong{display:block;font-size:14px;margin:3px 0 4px;color:var(--ink)}
.assessment-summary-item>small{display:block;font-size:10.5px;line-height:1.4;color:var(--muted)}
.assessment-summary-item.good{border-color:color-mix(in srgb,var(--green) 25%,var(--line))}
.assessment-summary-item.good>strong{color:color-mix(in srgb,var(--green) 78%,var(--ink))}
.assessment-summary-item.warn{border-color:color-mix(in srgb,var(--yellow) 34%,var(--line));background:color-mix(in srgb,var(--yellow) 4%,var(--panel))}
.assessment-summary-item.info{border-color:color-mix(in srgb,var(--blue) 30%,var(--line));background:color-mix(in srgb,var(--blue) 3%,var(--panel))}

.assembly-zone{border-radius:13px}
.assembly-zone-head{padding:12px 16px}
.assembly-line{grid-template-columns:112px minmax(0,1fr) auto;min-height:106px;padding:14px 16px;gap:15px}
.assembly-image{width:100px!important;height:82px!important;border-radius:11px;padding:6px!important}
.assembly-product strong{font-size:16px;margin:3px 0 4px}
.assembly-product small{font-size:11px;line-height:1.45}
.assembly-commercial{min-width:170px}
.assembly-commercial>strong{font-size:16px}

.notes-card #notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.notes-card .note-item{padding:10px 0;line-height:1.55}

@media(max-width:980px){
  .assessment-summary-grid{grid-template-columns:1fr}
  .alternatives-card .alt-summary{grid-template-columns:1fr}.alternatives-card .alt-summary span{grid-row:auto}
  .notes-card #notes{grid-template-columns:1fr}
}
@media(max-width:780px){
  .result-section-nav{right:7px;padding:5px}.result-section-nav b{display:none}.result-section-nav a{padding:3px}.result-section-nav span{width:22px;height:22px}
  .assembly-line{grid-template-columns:78px 1fr;min-height:0}.assembly-image{width:70px!important;height:62px!important}.assembly-commercial{grid-column:2;min-width:0}
}

/* --- v0.45 visual pass 3: measured coverage clarity, power load meter, cleaner assembly tags --- */
.room-3d-info dl>div.view3d-summary-row.hidden{display:none!important}
.room-3d-info .view3d-coverage-cuts{font-size:12px;font-variant-numeric:tabular-nums}
.room-3d-info .view3d-open-info{font-weight:650;color:var(--muted)}
.room-3d-info .view3d-open-info.wide-field{color:color-mix(in srgb,var(--blue) 74%,var(--ink))}
.view3d-fullscreen{display:flex;align-items:center;justify-content:center;gap:5px}

.amp-utilization{padding:10px 14px 11px;border-bottom:1px solid var(--line);background:var(--panel-2)}
.amp-utilization-track{height:9px;position:relative;border-radius:999px;background:color-mix(in srgb,var(--line) 65%,var(--panel));overflow:visible}
.amp-utilization-track>span{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--green);min-width:2px;transition:width .2s ease}
.amp-utilization.near .amp-utilization-track>span{background:var(--yellow)}
.amp-utilization.over .amp-utilization-track>span{background:var(--red)}
.amp-utilization-track>i{position:absolute;top:-4px;width:2px;height:17px;border-radius:2px;background:var(--ink);transform:translateX(-1px);opacity:.72}
.amp-utilization-scale{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;margin-top:6px;color:var(--muted);font-size:9.5px}
.amp-utilization-scale b{color:var(--ink);font-size:10.5px;text-align:center}
.amp-utilization-scale span:last-child{text-align:right}

.assembly-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.assembly-tags span{display:inline-flex!important;align-items:center;width:auto;padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted)!important;font-size:10px!important;font-weight:750!important;letter-spacing:0!important;line-height:1.1}
.assembly-zone.shared .assembly-tags span{border-color:color-mix(in srgb,var(--blue) 22%,var(--line))}

@media(max-width:780px){
  .amp-utilization{padding:9px 10px 10px}.amp-utilization-scale{font-size:9px}.amp-utilization-scale b{font-size:10px}
  .assembly-tags{gap:4px}.assembly-tags span{font-size:9.5px!important;padding:4px 6px}
}

/* --- v0.45 visual refinement pass 4: cleaner acoustic hierarchy + readable wiring --- */
.visual-title{padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:11px}
.visual-title b{font-size:13px!important;letter-spacing:-.01em}
.visual-title span{font-size:10.5px!important;line-height:1.35;text-align:right;max-width:68%}
.plan-panel,.sections-panel,.three-d-panel{box-shadow:inset 0 1px 0 color-mix(in srgb,white 2%,transparent)}

.mounting-coordinate-side{max-width:315px}
.mounting-coordinates>summary{padding:9px 10px;font-size:11px}
.mounting-coordinate-note{font-size:9.5px!important;line-height:1.4;padding:7px 8px 6px}
.mounting-coordinate-scroll{padding:0 4px 6px}
.mounting-coordinate-scroll th,.mounting-coordinate-scroll td{padding:5px 3px;font-size:9.5px!important;font-variant-numeric:tabular-nums}
.mounting-coordinate-scroll th:first-child,.mounting-coordinate-scroll td:first-child{width:36px}
.mounting-coordinate-scroll th:nth-child(2),.mounting-coordinate-scroll td:nth-child(2),
.mounting-coordinate-scroll th:nth-child(3),.mounting-coordinate-scroll td:nth-child(3),
.mounting-coordinate-scroll th:nth-child(4),.mounting-coordinate-scroll td:nth-child(4){width:43px}

.zone-metrics-card{min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);overflow:hidden}
.zone-metrics-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:11px 12px 9px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 48%,var(--panel-2))}
.zone-metrics-title strong{display:block;font-size:13px;margin-top:2px}
.zone-metrics-title small{font-size:9.5px;color:var(--muted);text-align:right}
.zone-metrics-card .metrics{border:0;border-radius:0;background:transparent}
.zone-metrics-card .metrics>div{padding:8px 11px!important}
.zone-metrics-card .metrics dt{font-size:10.5px!important}
.zone-metrics-card .metrics dd{font-size:11px!important;font-variant-numeric:tabular-nums}

.room-3d-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:calc(100% - 20px);max-width:none!important;align-items:start}
.room-3d-control-main,.room-3d-control-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.room-3d-control-main{min-width:0}
.room-3d-control-actions{justify-content:flex-end}
.room-3d-controls .view3d-select-label,.room-3d-controls .mini-button{min-height:31px;box-sizing:border-box;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(8px)}
.room-3d-control-main .view3d-select-label{padding:5px 7px}
.room-3d-control-actions .mini-button{padding:6px 8px}
.room-3d-control-actions .view3d-fullscreen{border-color:color-mix(in srgb,var(--accent) 46%,var(--line-2));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.room-3d-info{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--blue) 42%,transparent)}
.room-3d-info dl>div{padding:7px 0}
.room-3d-info dt{font-size:9.5px!important;text-transform:uppercase;letter-spacing:.05em}
.room-3d-info dd{font-size:11.5px!important;font-variant-numeric:tabular-nums}
.room-3d-quick-stats{gap:7px}
.room-3d-quick-stats span{padding:8px 7px}
.room-3d-quick-stats b{font-size:13.5px}
.room-3d-legend{font-size:9.5px;line-height:1.25}
.room-3d-note{max-width:1100px}

.amp-zone-usage{padding:11px 0 4px}
.amp-zone-usage-head{padding:0 2px 8px}
.output-line-rich{grid-template-columns:62px 72px minmax(0,1fr);align-items:start;gap:8px}
.output-line-rich>span{padding-top:3px}
.output-line-rich>strong{padding-top:3px;font-variant-numeric:tabular-nums}
.output-devices{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.output-device{display:grid!important;gap:1px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink)!important;min-width:120px}
.output-device b{font-size:10.5px;font-weight:800;line-height:1.25}
.output-device em{font-size:9.5px;font-style:normal;color:var(--muted);line-height:1.25}

@media(max-width:1180px){
  .mounting-coordinate-side{max-width:none}
  .room-3d-controls{grid-template-columns:1fr}
  .room-3d-control-actions{justify-content:flex-start}
}
@media(max-width:780px){
  .visual-title{align-items:flex-start;flex-direction:column;gap:3px}.visual-title span{max-width:none;text-align:left}
  .zone-metrics-title{align-items:flex-start;flex-direction:column;gap:4px}.zone-metrics-title small{text-align:left}
  .room-3d-controls{width:calc(100% - 16px);left:8px;top:8px}
  .room-3d-control-main,.room-3d-control-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .room-3d-control-main .view3d-select-label:first-child{grid-column:1/-1}
  .room-3d-control-main .view3d-select-label:nth-child(2){grid-column:1/-1}
  .room-3d-controls .view3d-select-label{width:100%}
  .room-3d-control-actions .mini-button{width:100%}
  .output-line-rich{grid-template-columns:54px 60px 1fr}
  .output-device{min-width:100%}
}


.visual-title-with-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.visual-title-copy{display:grid;gap:3px;min-width:0}
.visual-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.linked-display-inline{min-width:230px}
.linked-display-main{min-width:250px}
.alt .alt-benefit{display:block;color:var(--accent);font-size:13px;font-weight:900;letter-spacing:.01em;margin-bottom:4px}
.plan-heatmap-toggle{border-color:color-mix(in srgb,var(--accent) 55%,transparent)!important;background:var(--accent)!important;color:#fff!important;font-weight:850;box-shadow:0 6px 16px rgba(240,122,43,.18)}
.plan-heatmap-toggle.active{background:color-mix(in srgb,var(--accent) 86%,#000)!important;border-color:color-mix(in srgb,var(--accent) 75%,#000)!important;box-shadow:0 8px 18px rgba(240,122,43,.24)}
.plan-heatmap-layer{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.96}
body[data-theme="light"] .plan-heatmap-layer{mix-blend-mode:multiply;opacity:.82}
.plan-heatmap-legend{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:min(100% - 20px,440px);padding:6px 8px;border-radius:9px;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.plan-heatmap-legend span{color:var(--muted);font-size:10px;font-weight:750}
.plan-heatmap-legend i{display:block;width:86px;height:10px;border-radius:999px;background:linear-gradient(90deg,rgb(48,35,97) 0%,rgb(121,48,140) 28%,rgb(196,73,74) 56%,rgb(226,129,30) 80%,rgb(244,199,88) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.plan-heatmap-caption{margin-left:auto;color:var(--ink);font-size:10px;font-weight:850;white-space:nowrap}
@media(max-width:780px){.plan-heatmap-caption{width:100%;margin-left:0}.plan-heatmap-legend i{width:72px}}

/* --- v0.45 final heatmap polish --- */
.plan-heatmap-legend{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:center;max-width:min(100% - 20px,620px)}
.plan-heatmap-scale{display:flex;align-items:center;gap:7px;white-space:nowrap}
.plan-heatmap-caption{overflow:hidden;text-overflow:ellipsis}
.plan-heatmap-legend small{grid-column:1/-1;color:var(--muted);font-size:9px;line-height:1.35}
@media(max-width:780px){.plan-heatmap-legend{grid-template-columns:1fr}.plan-heatmap-caption{margin-left:0}.plan-heatmap-scale{white-space:normal}.plan-heatmap-legend small{grid-column:1}}


.view3d-summary-explain{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45;font-weight:500}
.alternatives-card .alternative-use{justify-self:start;margin-top:6px}
.alternatives-card .alt small{line-height:1.45;color:var(--muted)}
.speakerCountOverride{font-variant-numeric:tabular-nums}

/* --- v0.48 UX pass --- */
.zone-card.collapsed{padding-bottom:0}
.zone-card.collapsed>.zone-title-row{border-bottom:0;padding-bottom:0}
.zone-card.collapsed>:not(.zone-title-row){display:none!important}
.shape-point.draggable{cursor:grab;touch-action:none}
.shape-point.draggable:active{cursor:grabbing}
.shape-point.draggable circle{stroke-width:2.2;filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}

.result-reading-list b{font-size:11px}.result-reading-list small{font-size:10.5px;line-height:1.45}

.calc-progress{height:6px;width:min(100%,320px);justify-self:center;border-radius:999px;overflow:hidden;background:var(--panel-2);border:1px solid var(--line)}
.calc-progress i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .18s ease}
.side-calculate-panel .calculate-actions{justify-items:center}
.side-calculate-panel .calculate-actions #calculate{width:min(100%,320px);justify-self:center;text-align:center}
.side-calculate-panel .calc-status{width:100%;text-align:center}

.plan-heatmap-toggle{font-weight:800!important;font-size:10px!important;box-shadow:none!important}
.plan-heatmap-layer{mix-blend-mode:normal!important;opacity:1!important;background:var(--plan)}
body[data-theme="light"] .plan-heatmap-layer{mix-blend-mode:normal!important;opacity:1!important}
.plan-coverage-threshold.threshold-3 polygon{fill:color-mix(in srgb,var(--accent) 11%,transparent);stroke:color-mix(in srgb,var(--accent) 72%,transparent);stroke-width:.42}
.plan-coverage-threshold.threshold-6 polygon{fill:color-mix(in srgb,var(--accent) 7%,transparent);stroke:color-mix(in srgb,var(--accent) 58%,transparent);stroke-width:.34}
.plan-coverage-threshold.threshold-12 polygon{fill:color-mix(in srgb,var(--accent) 3%,transparent);stroke:color-mix(in srgb,var(--accent) 34%,transparent);stroke-width:.26}
.threshold-inline{min-width:150px}.threshold-main{min-width:160px}

.demo-toggle{width:132px;min-width:132px;text-align:center}
.demo-flow-toggle.hidden{display:none!important}

.result-speaker-card{grid-template-columns:86px minmax(0,1fr) minmax(150px,220px)}
.result-speaker-side{align-content:center}
.result-speaker-side small{font-weight:750}

.result-section-nav .result-nav-group{display:grid;gap:2px}
.result-zone-nav{display:grid;gap:2px;margin-left:10px;padding-left:7px;border-left:1px solid var(--line)}
.result-zone-nav a{padding:3px 5px!important;gap:5px!important;max-width:150px}
.result-zone-nav a span{width:18px!important;height:18px!important;font-size:9px!important;background:color-mix(in srgb,var(--accent) 70%,var(--panel))!important}
.result-zone-nav a b{font-size:9px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-nav-link{border-bottom:1px solid var(--line);margin-bottom:2px;padding-bottom:7px!important}
.zone-result{scroll-margin-top:90px}

.alternative-zone-group{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);overflow:hidden;margin-top:12px}
.alternative-zone-head{display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1fr);gap:18px;align-items:start;padding:14px 16px;background:color-mix(in srgb,var(--green) 5%,var(--panel));border-bottom:1px solid var(--line)}
.alternative-zone-head>div:first-child{display:grid;gap:3px}
.alternative-zone-head>div:first-child span{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.08em}
.alternative-zone-head>div:first-child strong{font-size:16px;line-height:1.2}
.alternative-zone-summary{display:grid;gap:3px;text-align:left}
.alternative-zone-summary b{font-size:12px;text-align:left}
.alternative-zone-summary small{font-size:10.5px;color:var(--muted);line-height:1.45;text-align:left}
.alternative-zone-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}
.alternatives-card .alternative-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);align-items:start}
.alternative-image{width:68px;height:68px;border-radius:10px;border:1px solid var(--line);background:#fff;padding:5px;display:grid;place-items:center}
.alternative-image img{max-width:100%;max-height:100%;object-fit:contain}
.alternative-copy{display:grid;gap:5px;min-width:0}
.alternative-copy .alt-benefit{margin:0;color:var(--accent);font-size:11px;font-weight:900}
.alternative-copy strong{font-size:13px;line-height:1.25}
.alternative-copy small{font-size:10px;color:var(--muted);line-height:1.4}
.alternative-copy .alternative-use{justify-self:start;margin-top:3px}
.electronics-alt{grid-template-columns:1fr!important}

@media(max-width:980px){
  .alternative-zone-cards{grid-template-columns:1fr}
  .alternative-zone-head{grid-template-columns:1fr}
}
@media(max-width:780px){
  .result-zone-nav{display:none}
  .threshold-inline,.threshold-main,.linked-display-inline,.linked-display-main{min-width:0}
  .alternatives-card .alternative-card{grid-template-columns:58px minmax(0,1fr)}
  .alternative-image{width:54px;height:54px}
}
.alternative-zone-head{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;align-items:start!important}
.alternative-zone-head>span{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.08em}
.alternative-zone-head>strong{font-size:17px;line-height:1.2}
.alternative-zone-summary{margin-top:5px;text-align:left!important}
.demo-toggle{width:170px!important;min-width:170px!important}

/* --- v0.50 subwoofer / LF integration --- */
.result-subwoofer-card{margin-top:10px;border-color:color-mix(in srgb,var(--brand-gray) 28%,var(--line));background:color-mix(in srgb,var(--brand-gray) 2%,var(--panel))}
.result-subwoofer-card .result-speaker-main>span{color:var(--accent)}
.result-subwoofer-card .data-quality.high{border-color:color-mix(in srgb,var(--green) 38%,var(--line));background:color-mix(in srgb,var(--green) 8%,var(--panel));color:color-mix(in srgb,var(--green) 78%,var(--ink))}
.sub-coordinate-row td:first-child b{color:var(--violet)}
.sub-coordinate-tag{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;padding:2px 5px;border-radius:6px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid color-mix(in srgb,var(--violet) 34%,var(--line));color:var(--ink);font-size:9px;font-weight:750;pointer-events:none}
.room-3d-legend .subwoofer-legend i{background:var(--violet);opacity:.9}
.lf-diagnostics-card{grid-column:1/-1;margin-top:12px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--violet) 28%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--violet) 3%,var(--panel))}
.lf-diagnostics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.lf-diagnostics-head>div{display:grid;gap:3px}.lf-diagnostics-head strong{font-size:15px}.lf-diagnostics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lf-diagnostics-grid>div{padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.lf-diagnostics-grid span{display:block;color:var(--muted);font-size:10px;font-weight:750}.lf-diagnostics-grid strong{display:block;margin-top:2px;font-size:15px}.lf-diagnostics-grid small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.lf-mode-line{margin-top:10px;padding:9px 10px;border-radius:8px;background:color-mix(in srgb,var(--panel) 78%,transparent);border:1px solid var(--line);font-size:10.5px;line-height:1.5}.lf-warning{margin:9px 0 0;color:var(--muted);font-size:10.5px;line-height:1.5}.lf-warning b{color:var(--ink)}
@media(max-width:980px){.lf-diagnostics-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.lf-diagnostics-grid{grid-template-columns:1fr}.lf-diagnostics-head{flex-direction:column}.sub-coordinate-tag{display:none}}

/* v0.51.1 restrained neutral/orange visual correction */
.topbar-meta,.subbrand{color:color-mix(in srgb,var(--brand-gray) 58%,var(--muted))}
.step-pill,.result-section-nav span{background:var(--accent)}
.section-kicker,.eyebrow,.mini-label,.product-brand,.amp-label{color:var(--accent)}
.result-section-nav a:not(.active),.availability-badge{border-color:color-mix(in srgb,var(--brand-gray) 24%,var(--line))}

/* v0.53 wall/surface visualization and fullscreen audio controls */
.plan-coverage-threshold.surface-coverage polygon{fill:color-mix(in srgb,var(--accent) 8%,transparent);stroke:color-mix(in srgb,var(--accent) 64%,transparent);stroke-width:.38}
.view3d-demo-toggle{width:auto!important;min-width:104px!important;white-space:nowrap}
.view3d-demo-toggle.is-playing{border-color:color-mix(in srgb,var(--accent) 65%,var(--line-2));background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important}
.three-d-panel:fullscreen .view3d-demo-toggle{display:flex!important}
/* v0.55 — focused dealer result and source-visible sections */
[hidden]{display:none!important}
.result-view-tabs{display:flex;gap:6px;margin:18px 0 10px;border-bottom:1px solid var(--line);padding-bottom:8px}
.result-view-tabs button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px 24px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.result-view-tabs button[aria-selected="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.zone-result .visualization-grid,.zone-result .plan-content-grid{display:block}
.zone-result .mounting-coordinate-side{margin-top:14px;max-width:none}
.zone-result .mounting-coordinate-side>button{margin-top:8px}
.zone-technical-details,.presentation-details,.mount-constraints,.result-detail{border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:14px}
.zone-technical-details>summary,.presentation-details>summary,.mount-constraints>summary,.result-detail>summary,.suitability-detail>summary{cursor:pointer;font-size:14px;font-weight:650}
.zone-technical-details[open]>summary,.presentation-details[open]>summary,.mount-constraints[open]>summary,.result-detail[open]>summary{margin-bottom:14px}
.suitability-detail{margin-top:10px}.suitability-detail>summary{font-size:12px;color:var(--muted)}
.section-cones path.section-cone{fill:color-mix(in srgb,var(--accent) 23%,transparent);stroke:none}
.section-cones path.listener-weak{opacity:.3}.section-cones path.listener-near{opacity:.6}.section-cones path.listener-hit{opacity:1}
.section-room-cut{fill:var(--panel-2);stroke:var(--muted);stroke-width:.4;vector-effect:non-scaling-stroke}
.plan-coverage rect{fill:color-mix(in srgb,var(--accent) 15%,transparent);stroke:none}
.shape-edge line{stroke:transparent;stroke-width:5;pointer-events:none}.shape-edge text{fill:var(--ink);font-size:12px;font-weight:700;paint-order:stroke;stroke:var(--panel);stroke-width:3px}
.shape-edge.excluded-edge line{stroke:#b66b27;stroke-dasharray:8 5}.shape-edge.invalid-edge line{stroke:#ec4545}
.mount-constraints textarea{width:100%;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px}
.listening-area-mark{position:absolute;border:2px dashed #39b985;z-index:2;pointer-events:none;box-sizing:border-box}.listening-area-mark span{font-size:11px;background:var(--panel);padding:2px 4px;color:var(--ink)}
@media(min-width:900px){.zone-result .sections-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px}.zone-result .sections-panel>.visual-title{grid-column:1/-1}.zone-result .section-wrap+.section-wrap{margin-top:0}}
@media print{.result-view-tabs{display:none}.visualization-grid [role="tabpanel"][hidden]{display:none!important}.result-detail>div,.zone-technical-details>div{display:block!important}}
.results-layout{grid-template-columns:minmax(0,1fr)}
.zone-result .room-3d-layout{grid-template-columns:minmax(0,1fr)}
.result-detail .room-3d-info{max-height:none;border:0;padding:0}
.result-detail .room-3d-info>.section-kicker,.result-detail .room-3d-info>strong,.result-detail .room-3d-quick-stats{display:none}

/* v0.56: persistent stacked views and always visible demonstration. */
.zone-result .visualization-grid{display:flex;flex-direction:column;gap:18px}
.zone-result .visualization-grid>.plan-panel,.zone-result .visualization-grid>.sections-panel,.zone-result .visualization-grid>.three-d-panel{width:100%;min-width:0;box-sizing:border-box}
.three-d-panel>.listener-audio-card{margin-top:16px}

/* --- v0.60 visual simplification and AV-calculator presentation --- */
.feature-hidden{display:none!important}

/* Compact, neutral calculator identity. AV Integra is product-portfolio context, not the product name. */
.hero.hero-compact{display:block;margin-bottom:18px}
.hero.hero-compact .hero-copy{padding:10px 4px 8px;max-width:1050px}
.hero.hero-compact h1{font-size:clamp(30px,3.1vw,46px);line-height:1.05;margin:6px 0 9px;letter-spacing:-.035em}
.hero.hero-compact p{max-width:980px;margin:0;font-size:14px;line-height:1.55}
.hero.hero-compact .eyebrow{font-size:10px;letter-spacing:.12em}

/* The explanatory material belongs with the form, not in a competing right-side card. */
.compact-info-card{margin-bottom:18px;padding:15px 17px;box-shadow:none}
.compact-info-card h3{margin:0 0 10px;font-size:16px;color:var(--ink)}
.compact-result-reading-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.compact-result-reading-list li{min-width:0}
.compact-result-reading-list small{line-height:1.45}

/* Every numbered main section has one heading only. */
.section-title-simple{margin:20px 2px 10px!important}
.section-single-title{display:flex;align-items:center;gap:9px;margin:0!important;color:var(--accent);font-size:22px!important;line-height:1.2;font-weight:850;letter-spacing:-.01em}
.section-single-title>span{display:inline-grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border-radius:8px;background:var(--accent);color:#fff;font-size:12px;font-weight:900;letter-spacing:0}
.section-head-simple{align-items:flex-start}
.section-head-simple p,.final-assembly-head p{margin:5px 0 0 38px!important}
.side-calculate-panel .section-single-title{font-size:19px!important}
.side-calculate-panel .section-single-title>span{width:27px;height:27px;font-size:11px}

/* Zone summary: one-line description, zones + add button together from left to right. */
.zone-manager{display:grid!important;grid-template-columns:1fr!important;gap:10px;padding:13px 15px;margin-bottom:14px}
.zone-manager-copy{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}
.zone-manager-copy b{font-size:12px;white-space:nowrap}
.zone-manager-copy small{margin:0;color:var(--muted);font-size:11px!important}
.zone-manager-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}
.zone-nav{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap}
.zone-chip-wrap{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:999px;background:var(--panel);overflow:hidden}
.zone-chip{border:0!important;border-radius:0!important;background:transparent!important;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 7px!important;color:var(--ink);cursor:pointer}
.zone-chip b{font-size:11px;font-weight:800;white-space:nowrap}
.zone-chip span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:900}
.zone-rename{width:29px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:13px}
.zone-rename:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.add-zone-button{padding:7px 11px!important;white-space:nowrap}
.zoneNameEdit{border:0;background:transparent;color:var(--muted);padding:3px 5px;border-radius:6px;cursor:pointer;font-size:15px;line-height:1}
.zoneNameEdit:hover{color:var(--accent);background:var(--panel-2)}

/* Compact room form. Shape gets room to show its full label; numeric dimensions stay narrow. */
.geometry-grid{grid-template-columns:minmax(175px,1.5fr) minmax(88px,.68fr) minmax(88px,.68fr) minmax(88px,.68fr) minmax(190px,1.45fr);align-items:end}
.compound-field{display:flex;align-items:stretch;gap:6px;min-width:0}
.compound-field select{min-width:0;flex:1 1 auto}
.compound-field .custom-inline-input{flex:0 0 94px;width:94px!important;min-width:0}
.listening-field{min-width:190px}
.shape-config-layout{align-items:start}
.shape-edge-label{dominant-baseline:middle}

/* Electrical fields do not need to span the whole card. */
.zone-electrical-grid{grid-template-columns:minmax(150px,210px) minmax(155px,190px)!important;justify-content:start;max-width:none!important}
.use-grid{grid-template-columns:repeat(4,minmax(150px,1fr))!important}
.ambient-field{min-width:210px}

/* More readable assessment: immediate OK / warning signal. */
.assessment-summary-item,.system-assessment-main,.suitability-card{position:relative}
.assessment-summary-item{padding-left:43px!important}
.assessment-summary-item::before,.system-assessment-main::before,.suitability-head::before{display:grid;place-items:center;border-radius:50%;font-weight:950;line-height:1}
.assessment-summary-item::before{position:absolute;left:12px;top:12px;width:22px;height:22px;font-size:13px}
.assessment-summary-item.good::before{content:'✓';background:color-mix(in srgb,var(--green) 18%,var(--panel));color:var(--green)}
.assessment-summary-item.warn::before{content:'!';background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--accent)}
.assessment-summary-item.info::before{content:'i';background:color-mix(in srgb,var(--blue) 16%,var(--panel));color:var(--blue)}
.assessment-summary-item strong{font-size:15px!important}
.assessment-summary-item small{font-size:11.5px!important;line-height:1.45}
.system-assessment-main::before{content:'!';flex:0 0 25px;width:25px;height:25px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--accent);font-size:14px}
.system-assessment-main.good::before{content:'✓';background:color-mix(in srgb,var(--green) 18%,var(--panel));color:var(--green)}
.system-assessment-main b{font-size:13px!important}.system-assessment-main span{font-size:13px!important}
.suitability-head::before{content:'✓';width:22px;height:22px;background:color-mix(in srgb,var(--green) 18%,var(--panel));color:var(--green);font-size:13px}
.suitability-card.warn .suitability-head::before{content:'!';background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--accent)}
.suitability-head strong{font-size:14px!important}

/* Human-readable data confidence. */
.data-quality-help{max-width:260px;line-height:1.4;color:var(--muted)!important}
.visualization-mode-note{display:block;margin-top:5px;color:var(--muted);font-size:10.5px;line-height:1.4;font-weight:600}

/* Heatmap explanation lives below the image instead of inside it. */
.plan-map-column>.plan-heatmap-legend{position:static!important;left:auto!important;bottom:auto!important;margin:8px 0 0;max-width:none!important;width:100%;box-shadow:none}

/* Coordinates are a compact disclosure when closed. */
.mounting-coordinates:not([open]){display:inline-block;width:auto;max-width:100%;margin-right:8px}
.mounting-coordinates:not([open]) summary{white-space:nowrap}
.zone-result .mounting-coordinate-side>button{display:inline-flex;width:auto;margin:8px 0 0 0!important}

/* 3D: keep only useful controls visible and put audio action where it belongs. */
.room-3d-demo-floating{position:absolute;right:12px;bottom:12px;z-index:4;background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 28%,transparent)!important;font-weight:900!important}
.room-3d-demo-floating:hover{filter:brightness(1.06)}
.room-3d-legend.feature-hidden{display:none!important}
.room-3d-control-actions .view3d-plane,.room-3d-control-actions .view3d-envelope{font-weight:900;text-transform:none}
.three-d-panel:fullscreen .room-3d-layout{grid-template-columns:minmax(0,1fr)!important;height:calc(100vh - 88px)}
.three-d-panel:fullscreen .room-3d-wrap{width:100%;height:calc(100vh - 112px)}
.three-d-panel:fullscreen .room-3d-info{display:none!important}

@media(max-width:1180px){
  .compact-result-reading-list{grid-template-columns:1fr}
  .geometry-grid{grid-template-columns:minmax(165px,1.4fr) repeat(3,minmax(90px,.7fr));}
  .geometry-grid .listening-field{grid-column:span 2}
}
@media(max-width:780px){
  .hero.hero-compact h1{font-size:32px}
  .geometry-grid,.use-grid{grid-template-columns:1fr 1fr!important}
  .geometry-grid .listening-field{grid-column:1/-1}
  .zone-electrical-grid{grid-template-columns:1fr 1fr!important}
  .compound-field{flex-wrap:wrap}
  .compound-field .custom-inline-input{flex:1 1 100%;width:100%!important}
}
@media(max-width:520px){
  .geometry-grid,.use-grid,.zone-electrical-grid{grid-template-columns:1fr!important}
  .section-single-title{font-size:20px!important}
}

/* --- v0.61 visual polish, responsive room editor and compact result flow --- */
.app-logo{width:46px;height:43px;object-fit:contain;object-position:center;display:block;flex:0 0 auto}
.calculate-title{margin:0 0 5px;font-size:19px;line-height:1.15;color:var(--ink);font-weight:850;letter-spacing:-.015em}

/* Zone name has one real edit affordance, directly beside the editable field. */
.zoneNameEdit{order:1;flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel-2);padding:0;border-radius:8px}
.zoneName{order:2;min-width:0}
.zone-index{order:0}
.zone-chip-wrap{border-radius:10px}
.zone-chip{border-radius:10px!important}

/* Room editor: prevent preview overlap and let the form wrap before it becomes cramped. */
.zone-card{container-type:inline-size}
.shape-config-layout{grid-template-columns:minmax(500px,.95fr) minmax(390px,1.05fr);gap:16px;min-width:0}
.shape-fields-pane,.geometry-grid,.shape-preview-wrap{min-width:0}
.geometry-grid{grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(78px,.65fr));gap:10px;align-items:end}
.geometry-grid .listening-field{grid-column:1 / span 2;min-width:0}
.polygon-mode .geometry-grid .listening-field{grid-column:3 / span 2}
.shape-preview-wrap{min-height:250px!important;overflow:hidden}
.shapePreview{min-height:215px!important;max-height:250px}
.shape-point.draggable{cursor:grab;touch-action:none}.shape-point.draggable:active{cursor:grabbing}
.shape-point.l-shape-corner circle{stroke:var(--accent-2);stroke-width:3}
.shape-point.l-shape-corner text{font-weight:950}
@container (max-width:1050px){
  .shape-config-layout{grid-template-columns:1fr}
  .shape-preview-wrap{min-height:235px!important}
  .shapePreview{min-height:205px!important;max-height:235px}
}
@container (max-width:680px){
  .geometry-grid{grid-template-columns:1fr 1fr!important}
  .geometry-grid .listening-field,.polygon-mode .geometry-grid .listening-field{grid-column:1/-1}
  .zone-block-title{align-items:baseline;gap:8px;flex-wrap:wrap}.zone-block-title small{margin-left:auto}
}
@container (max-width:430px){.geometry-grid{grid-template-columns:1fr!important}.geometry-grid .listening-field{grid-column:auto}.shape-preview-head{align-items:flex-start;flex-direction:column;gap:2px}}

/* Result contents belongs at the upper-left and works as an overflowable mobile row. */
.result-section-nav{position:sticky!important;left:auto!important;right:auto!important;top:70px!important;transform:none!important;display:flex!important;align-items:center;justify-content:flex-start;gap:4px;width:max-content;max-width:100%;overflow-x:auto;margin:0 0 12px;padding:6px 7px;border-radius:12px;z-index:45}
.result-section-nav .result-nav-group{display:flex!important;align-items:center;gap:3px}
.result-zone-nav{display:flex;align-items:center;gap:3px}
.result-section-nav a{flex:0 0 auto}

/* Headline descriptions stay on the same line when there is room. */
.section-head-simple>div,.final-assembly-head>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}
.section-head-simple p,.final-assembly-head p{margin:0!important;color:var(--muted);font-size:10.5px;line-height:1.35}
.result-card{padding:18px}
.section-head{margin-bottom:9px}
.alternatives-card,.final-assembly-card,.notes-card{margin-top:12px}
.notes-card{padding-top:16px;padding-bottom:16px}

/* Keep the physical plan proportional, but cap its height so one view does not dominate a page. */
.plan-map-column{min-width:0}
.room-map{min-height:0!important;margin-left:auto;margin-right:auto}
.room-map.circle-room{min-height:0!important}
.plan-map-column>.plan-heatmap-legend{align-self:stretch}

/* Cross-sections are vector geometry now: straight threshold rays, no raster stair-stepping. */
.section-cones polygon.section-cone{fill:color-mix(in srgb,var(--accent) 20%,transparent)!important;stroke:color-mix(in srgb,var(--accent) 58%,transparent)!important;stroke-width:.55!important;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision}
.section-cones polygon.section-cone.listener-weak{opacity:.26}.section-cones polygon.section-cone.listener-near{opacity:.54}.section-cones polygon.section-cone.listener-hit{opacity:.9}.section-cones polygon.section-cone.listener-dominant{stroke:color-mix(in srgb,var(--accent) 92%,white)!important;stroke-width:.8!important}
.section-view{height:240px;min-height:220px}

/* 3D controls use one visual language; demo is again in the top action strip. */
.room-3d-control-actions .view3d-demo-toggle{background:var(--panel)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;font:inherit;font-size:11px!important;font-weight:800!important}
.room-3d-control-actions .view3d-demo-toggle.is-playing{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important}
.room-3d-control-actions .mini-button{font-family:inherit!important;font-size:11px!important;font-weight:800!important}
.three-d-panel>.listener-audio-card{margin-top:12px}
.three-d-panel>.result-detail{margin-top:9px}

/* Power card: recommendation first, three core figures second, wiring details on demand. */
.amplifier-card #ampResult{display:grid;gap:10px}
.electrical-group{margin:0;border-radius:12px}
.electrical-group-head{padding:8px 12px;align-items:baseline}
.electrical-group-head>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.electrical-group-head span{font-size:9.5px}.electrical-group-head strong{font-size:12px}
.amp-hero{padding:11px 12px;grid-template-columns:60px minmax(0,1fr) auto;gap:10px;border:0;border-radius:0;border-bottom:1px solid var(--line)}
.amp-hero-image{width:58px!important;height:48px!important;padding:3px}
.amp-hero-copy strong{font-size:15px}.amp-hero-copy small{font-size:10px;line-height:1.32}.amp-label{font-size:9.5px}.amp-availability{margin-top:4px}
.amp-summary-grid{padding:8px 10px;gap:7px}.amp-summary-grid>div{padding:7px 9px}.amp-summary-grid strong{font-size:16px;margin:1px 0}.amp-summary-grid span,.amp-summary-grid small{font-size:9.5px}
.amp-utilization{padding:8px 11px 9px}
.amp-output-details{border-top:1px solid var(--line);background:var(--panel-2)}
.amp-output-details>summary{cursor:pointer;padding:8px 12px;color:var(--muted);font-size:10px;font-weight:850;list-style-position:inside}
.amp-output-details[open]>summary{color:var(--ink);border-bottom:1px solid var(--line)}
.amp-output-details .outputs{padding:3px 10px 10px;margin:0}

@media(max-width:1180px){
  .workspace{grid-template-columns:1fr}.workspace-side{order:-1}.workspace-side-stack{position:static}.side-calculate-panel{grid-template-columns:minmax(0,1fr) minmax(220px,.4fr);align-items:center}.side-calculate-panel .calculate-actions #calculate{min-height:44px;padding:10px 14px}
  .result-section-nav{top:66px!important}
}
@media(max-width:780px){
  .topbar-inner{padding:9px 12px;gap:8px;flex-wrap:wrap}.brand-wrap{gap:8px}.app-logo{width:38px;height:36px}.topbar-actions{width:100%;gap:6px;flex-wrap:wrap}.topbar-project-field{flex:1 1 180px}.topbar-project-field input{width:100%}.topbar-meta{margin-left:auto}
  .shell{padding:22px 12px 44px}.project-card,.zone-card,.calculate-panel,.result-card{padding:14px}.zone-title-row{align-items:flex-start;gap:8px}.zone-title{gap:7px;flex-wrap:wrap}.zone-actions{margin-left:auto}.title-input{max-width:min(62vw,320px)}
  .side-calculate-panel{grid-template-columns:1fr}.result-section-nav{top:58px!important;width:100%;margin-bottom:9px}.result-section-nav b{display:inline!important}
  .section-head-simple>div,.final-assembly-head>div:first-child{display:block}.section-head-simple p,.final-assembly-head p{margin-top:2px!important}
  .section-view{height:220px;min-height:200px}.amp-summary-grid{grid-template-columns:1fr 1fr}.amp-summary-grid>div:last-child{grid-column:1/-1}.amp-hero{grid-template-columns:50px minmax(0,1fr)}.amp-hero-image{width:48px!important;height:42px!important}.amp-hero>b{grid-column:2;text-align:left}
}
@media(max-width:520px){
  .subbrand{display:none}.app-logo{width:34px;height:32px}.brand{font-size:13px}.section-single-title{font-size:18px!important}.section-single-title>span{width:26px;height:26px}
  .zone-manager{padding:10px}.zone-manager-copy{display:block}.zone-manager-copy small{display:block;margin-top:2px}.zone-manager-actions{align-items:stretch}.zone-nav{width:100%}.zone-chip-wrap{max-width:100%}.zone-chip b{overflow:hidden;text-overflow:ellipsis;max-width:180px}.add-zone-button{width:100%}
  .amp-summary-grid{grid-template-columns:1fr}.amp-summary-grid>div:last-child{grid-column:auto}
}


/* --- v0.62 polish pass --- */
.result-section-nav{position:fixed!important;left:14px!important;right:auto!important;top:132px!important;transform:none!important;display:grid!important;justify-content:flex-start!important;gap:7px;width:auto;max-width:220px;overflow:visible;margin:0;padding:8px;border-radius:14px;z-index:45}
.result-section-nav .result-nav-group{display:grid!important;gap:3px}
.result-section-nav a{justify-content:flex-start}
@media(max-width:1180px){.result-section-nav{position:sticky!important;left:auto!important;top:72px!important;display:flex!important;max-width:100%;overflow:auto}}
.use-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 12px}.use-grid .field{min-width:0}.use-grid .field select,.use-grid .field input{padding:9px 10px;font-size:14px}
.plan-content-grid{grid-template-columns:minmax(0,1fr) minmax(260px,310px)!important;gap:12px!important;align-items:start}.mounting-coordinate-side{align-self:start}.mounting-coordinates{display:block;width:100%}.mounting-coordinates:not([open]){display:inline-block;width:auto;vertical-align:top}.mounting-coordinate-note{padding-top:10px}.mounting-coordinate-scroll td,.mounting-coordinate-scroll th{font-size:11px;vertical-align:middle}.mounting-coordinate-scroll table{min-width:100%}
.room-map.circle-room{border:none!important}.room-wall-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.room-wall-outline ellipse,.room-wall-outline rect,.room-wall-outline polygon{fill:none;stroke:var(--line-2);stroke-width:1.5}
.plan-heatmap-toggle{font-size:12px!important;padding:10px 14px!important;min-height:40px;font-family:inherit!important;letter-spacing:.01em;margin-left:4px}.visual-title-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.zone-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.zones{gap:18px}
.section-view{height:170px!important}.section-label{font-size:11px}.section-dim{font-size:11px}.section-floor{position:absolute;left:0;right:0;bottom:0;border-top:1.5px solid color-mix(in srgb,var(--line-2) 85%,#789)}.section-cone{fill:color-mix(in srgb,var(--accent) 12%,transparent);stroke:color-mix(in srgb,var(--accent) 55%,transparent);stroke-width:.6}.section-cone.listener-hit{fill:color-mix(in srgb,var(--accent) 18%,transparent)}
.inline-alternative-note{margin-top:10px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);font-size:11px;line-height:1.45}.inline-alternative-note small{display:block;color:var(--muted);margin-top:3px}
.amp-hero{grid-template-columns:96px minmax(0,1fr) auto!important;padding:15px 16px!important}.amp-hero-image{width:94px!important;height:74px!important;padding:0!important;border:0!important;background:transparent!important}.amp-hero-copy strong{font-size:18px!important}.amp-hero-copy small{font-size:12px!important;line-height:1.45!important}.amp-hero>b{font-size:16px!important}.amp-summary-grid strong{font-size:32px}.amp-summary-grid small{font-size:12px;line-height:1.4}.output-line{grid-template-columns:110px 130px 1fr!important;gap:10px!important;padding:10px 12px!important}.output-line span{font-size:12px!important}.output-line strong{font-size:13px!important}.output-line small{font-size:11px!important;line-height:1.45}.amp-output-details[open] summary{margin-bottom:8px;font-weight:800}
@media(max-width:900px){.plan-content-grid{grid-template-columns:1fr!important}.use-grid{grid-template-columns:1fr 1fr!important}.result-section-nav{position:sticky!important;left:auto!important;top:66px!important}.amp-hero{grid-template-columns:72px 1fr!important}.amp-hero-image{width:68px!important;height:54px!important}.output-line{grid-template-columns:1fr!important}}

/* --- v0.63.0 layout polish requested by user --- */
.app-logo{width:68px;height:62px}
.brand.brand-main{font-size:13px;font-weight:900;letter-spacing:.08em;line-height:1.15;text-transform:uppercase;max-width:520px}
.subbrand{font-size:11px;margin-top:2px}
.hero.hero-compact .eyebrow{display:none}
.result-reading-card{padding:22px 24px}
.result-reading-card h3{margin:0 0 10px;font-size:22px}
.result-reading-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;max-width:980px}
.result-reading-card p+p{margin-top:10px}
.side-calculate-panel{display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start;min-height:220px;gap:18px}
.side-calculate-panel .calculate-copy{display:grid;gap:8px}
.side-calculate-panel .calculate-title{margin:0;font-size:24px;line-height:1.05}
.side-calculate-panel p{font-size:13px;line-height:1.6;max-width:none}
.side-calculate-panel .calculate-actions{margin-top:auto;display:grid;grid-template-columns:1fr;gap:12px;align-items:end}
.side-calculate-panel .calculate-actions #calculate{width:100%;min-height:56px;padding:14px 16px;font-size:16px;font-weight:900;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(240,122,43,.18)}
.side-calculate-panel .calc-status{font-size:12px;text-align:center;min-width:0}
.side-calculate-panel .calc-progress{width:100%}
#zoneCount{font-size:18px}
.zone-manager-copy small{font-size:12px;line-height:1.5}
.zone-title-row{padding-bottom:18px}
.zone-index{font-size:11px}
.title-input{font-size:22px!important}
.zone-block-title>span{font-size:14px}
.zone-block-title small{font-size:11px}
.zone-result-head strong{font-size:22px}
.zone-result-head span:not(.badge){font-size:12px;line-height:1.45}
.result-speaker-card{padding:16px;gap:16px}
.result-speaker-main strong{font-size:20px}
.result-speaker-main small,.result-speaker-side small{font-size:11px;line-height:1.45}
.result-speaker-pills{gap:8px 10px}
.result-speaker-pills span{font-size:11px}
.inline-alternative-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--panel-2));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));font-size:12px;line-height:1.5}
.inline-alternative-note b{display:block;color:var(--ink);font-size:12px}
.inline-alternative-note small{display:block;color:var(--muted);margin-top:4px;font-size:11.5px;line-height:1.45}
.plan-heatmap-toggle{font-size:13px!important;padding:11px 16px!important;min-height:44px}
.mounting-coordinate-side{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.mounting-coordinate-side>.mounting-coordinates{flex:1 1 260px;min-width:260px}
.mounting-coordinate-side>button{flex:0 0 auto;min-height:44px;padding:10px 14px!important;border-radius:11px;font-size:12px!important;font-weight:850;align-self:stretch;display:inline-flex;align-items:center;justify-content:center}
.mounting-coordinates>summary{min-height:44px;display:flex;align-items:center}
.mounting-coordinate-note{font-size:11px;line-height:1.5}
.mounting-coordinate-scroll th,.mounting-coordinate-scroll td{padding:8px 10px;font-size:11px}
.amp-zone-usage-head strong{font-size:16px}
.amp-zone-usage-head span{font-size:12px}
.output-line{grid-template-columns:128px 112px 1fr!important;gap:14px!important;padding:12px 14px!important;align-items:start}
.output-line span{font-size:12px!important;line-height:1.35}
.output-line strong{font-size:15px!important;line-height:1.35}
.output-line small{font-size:12px!important;line-height:1.55}
.output-devices{gap:8px;align-items:flex-start}
.output-device{min-width:150px;padding:8px 10px;gap:3px}
.output-device b{font-size:12px;line-height:1.35}
.output-device em{font-size:11px;line-height:1.45}
.amp-output-details>summary{padding:10px 14px;font-size:12px}
@media(max-width:1100px){
  .app-logo{width:54px;height:50px}
  .brand.brand-main{font-size:11px;max-width:100%}
  .side-calculate-panel{min-height:auto}
}
@media(max-width:780px){
  .result-reading-card{padding:18px}
  .result-reading-card h3{font-size:20px}
  .result-reading-card p{font-size:12px}
  .mounting-coordinate-side{flex-direction:column}
  .mounting-coordinate-side>.mounting-coordinates,.mounting-coordinate-side>button{width:100%;min-width:0}
  .output-line{grid-template-columns:1fr!important}
}
.brand-wrap .brand:not(.brand-main){display:none}

/* ========================================================================== */
/* v0.64.0 — visual hierarchy / simplified workspace                         */
/* ========================================================================== */

/* Global rhythm: fewer nested cards, more whitespace and section hierarchy. */
.shell{padding-bottom:118px}
.hero.hero-compact{max-width:1120px;margin-left:auto;margin-right:auto;margin-bottom:10px}
.result-reading-card{max-width:1120px;margin:0 auto 24px;padding:18px 22px;border-left:3px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--panel) 76%,transparent)}
.result-reading-card h3{font-size:18px;margin-bottom:7px}
.result-reading-card p{font-size:11.5px;line-height:1.55;max-width:none}
.result-reading-card p+p{margin-top:5px}

/* Calculation is an action, not another content card. Keep it at the bottom. */
.workspace{display:block!important}
.workspace-side{display:block!important;width:0;height:0;overflow:visible}
.workspace-side-stack{position:static!important}
.side-calculate-panel{position:fixed!important;z-index:90;left:50%;bottom:14px;transform:translateX(-50%);width:min(1040px,calc(100vw - 34px));min-height:0!important;margin:0!important;padding:10px 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))!important;border-radius:16px!important;background:color-mix(in srgb,var(--panel) 94%,transparent)!important;box-shadow:0 16px 44px rgba(0,0,0,.22)!important;backdrop-filter:blur(16px)}
.side-calculate-panel .calculate-copy{display:flex;align-items:baseline;gap:10px;min-width:0}
.side-calculate-panel .calculate-title{font-size:15px!important;white-space:nowrap}
.side-calculate-panel .calculate-copy p{font-size:11px!important;line-height:1.35;margin:0;white-space:normal}
.side-calculate-panel .calculate-actions{margin:0!important;display:grid!important;grid-template-columns:auto minmax(90px,auto)!important;grid-template-areas:'button status' 'progress progress';align-items:center;gap:5px 10px!important}
.side-calculate-panel #calculate{grid-area:button;width:auto!important;min-width:170px;min-height:42px!important;padding:10px 18px!important;font-size:13px!important;border-radius:10px!important;box-shadow:none!important}
.side-calculate-panel .calc-status{grid-area:status;text-align:left!important;font-size:10px!important;white-space:nowrap}
.side-calculate-panel .calc-progress{grid-area:progress;width:100%;height:4px}

/* Zone editor: one clear card, space first, then power / usage as two groups. */
.zones-section{max-width:1220px;margin-inline:auto}
.zones{gap:22px!important}
.zone-manager{border:0!important;background:transparent!important;padding:0 2px 12px!important;margin-bottom:4px!important;box-shadow:none!important}
.zone-manager-copy b{font-size:15px!important}.zone-manager-copy small{font-size:10.5px!important}
.zone-card{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:26px;row-gap:0;padding:0 22px 18px!important;border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;border-radius:17px!important;box-shadow:0 10px 30px rgba(0,0,0,.07)!important;overflow:hidden;background:var(--panel)!important}
.zone-title-row{grid-column:1/-1;margin:0 -22px;padding:14px 20px!important;background:color-mix(in srgb,var(--panel-2) 80%,transparent);border-bottom:1px solid var(--line)!important}
.zone-title{gap:8px}.zone-index{font-size:9.5px!important}.title-input{font-size:19px!important;max-width:460px!important}
.zone-space-block{grid-column:1/-1;padding:16px 0 18px!important;border-bottom:1px solid var(--line)!important}
.zone-electrical-block{grid-column:1;padding:16px 20px 4px 0!important;border-bottom:0!important;border-right:1px solid var(--line)}
.zone-use-block{grid-column:2;padding:16px 0 4px 22px!important;border-bottom:0!important}
.zone-card>.sub-options{grid-column:1/-1;margin-top:16px}
.zone-block-title{margin-bottom:9px!important}.zone-block-title>span{font-size:13px!important}.zone-block-title small{font-size:9.5px!important}
.zone-electrical-grid{grid-template-columns:1fr 1fr!important;max-width:none!important}
.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 10px!important}
.use-grid .field-wide{grid-column:1/-1!important}
.field{font-size:9.5px!important;gap:4px!important}.field input,.field select,.field textarea{padding:8px 9px!important;font-size:12px!important}
.shape-config-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;gap:16px!important}
.shape-preview-wrap{min-height:0!important;height:230px;border-radius:11px!important;background:var(--panel-2)!important}
.shape-preview-head{padding:8px 10px!important}.shape-preview-head b{font-size:11px!important}.shape-preview-head span{font-size:9px!important}
.shapePreview{height:188px!important}
.mount-constraints{margin-top:8px}.mount-constraints>summary{font-size:10.5px}
.orientation-options{padding-top:3px}.orientation-grid{gap:9px}
.speaker-preview{padding:10px!important;margin-top:9px!important;border-color:color-mix(in srgb,var(--line) 75%,transparent)!important}

/* Result navigation is a real left rail on wide screens. */
.result-section-nav{position:fixed!important;left:max(18px,calc((100vw - 1500px)/2 - 145px))!important;right:auto!important;top:118px!important;transform:none!important;width:175px!important;max-width:175px!important;display:grid!important;gap:3px!important;padding:10px!important;border:0!important;border-radius:14px!important;background:color-mix(in srgb,var(--panel) 90%,transparent)!important;box-shadow:0 12px 34px rgba(0,0,0,.12)!important;backdrop-filter:blur(14px);overflow:visible!important}
.result-section-nav .result-nav-group{display:grid!important;gap:3px!important}
.result-section-nav a{width:100%;padding:7px 8px!important;border-radius:9px!important;justify-content:flex-start!important}
.result-section-nav span{width:22px!important;height:22px!important;border-radius:7px!important;font-size:10px!important}
.result-section-nav b{display:block!important;font-size:10.5px!important}
.result-zone-nav{padding-left:29px;display:grid;gap:1px}.result-zone-nav a{padding:4px 6px!important}.result-zone-nav a span{width:17px!important;height:17px!important;font-size:8px!important}.result-zone-nav a b{font-size:9px!important}

/* The result sections no longer look like one giant stack of framed cards. */
.results{max-width:1220px;margin-inline:auto}
.results-layout{display:block!important}
.results-layout>.result-card,.final-assembly-card,.notes-card{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin-top:28px!important}
.section-head{padding:0 2px 9px!important;border-bottom:1px solid var(--line)}
.section-single-title{font-size:24px!important}.section-single-title>span{width:30px!important;height:30px!important}
.zone-result{margin:16px 0 24px!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--panel)!important;box-shadow:0 8px 26px rgba(0,0,0,.055)!important}
.zone-result:first-child{padding-top:18px!important}
.zone-result-head{padding-bottom:10px;border-bottom:1px solid var(--line)}
.zone-result-head strong{font-size:20px!important}.zone-result-head span:not(.badge){font-size:10.5px!important}
.result-speaker-card{margin:12px 0 14px!important;border:0!important;border-radius:12px!important;background:color-mix(in srgb,var(--panel-2) 82%,transparent)!important;box-shadow:none!important}
.inline-alternative-note{border-left:3px solid color-mix(in srgb,var(--accent) 60%,transparent)!important;border-top:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;padding:7px 0 7px 11px!important;background:transparent!important}

/* Visuals stay useful but stop dominating the entire page. */
.visualization-grid{gap:12px!important}
.zone-result .plan-panel,.zone-result .sections-panel,.zone-result .three-d-panel{width:min(100%,980px)!important;margin-inline:auto!important;border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;border-radius:12px!important;background:color-mix(in srgb,var(--panel-2) 78%,transparent)!important;box-shadow:none!important;padding:10px!important}
.plan-content-grid{grid-template-columns:1fr!important}.plan-map-column{display:flex;flex-direction:column;align-items:center}
.room-map{max-width:760px!important;margin-inline:auto!important}.room-map.circle-room{max-width:520px!important}
.sections-panel{gap:8px!important}.section-view{height:150px!important}.visual-title{margin-bottom:6px!important}.visual-title b{font-size:12px!important}.visual-title span{font-size:9px!important}
.three-d-panel{margin-top:0!important}.room-3d-wrap{height:420px!important;min-height:0!important}.room-3d-canvas,.room-3d-audio-canvas{height:100%!important}
.three-d-panel>.listener-audio-card{margin-top:9px!important}.three-d-panel>.result-detail{margin-top:6px!important}
.mounting-coordinate-side{width:min(100%,760px);margin:8px auto 0!important;display:flex!important;align-items:center!important;gap:8px!important}.mounting-coordinate-side>.mounting-coordinates{flex:0 1 auto!important;min-width:0!important}.mounting-coordinate-side>button{min-height:39px!important;align-self:auto!important}
.mounting-coordinates>summary{min-height:39px!important;padding:8px 10px!important}

/* Power: large summary first, readable output blocks second. */
.electrical-group{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.amp-hero{padding:14px 16px!important;grid-template-columns:110px minmax(0,1fr) auto!important;background:transparent!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important}
.amp-hero-image{width:106px!important;height:76px!important}.amp-hero-copy strong{font-size:19px!important}.amp-hero-copy small{color:var(--muted)!important}.amp-hero>b{color:var(--ink)!important}
.amp-summary-grid{padding:10px!important;background:var(--panel-2)!important}.amp-summary-grid>div{border:0!important;background:var(--panel)!important;padding:10px 12px!important}.amp-summary-grid strong{font-size:26px!important}
.amp-output-details{background:transparent!important}.amp-output-details>summary{font-size:12px!important;padding:11px 14px!important}.amp-output-details .outputs{padding:3px 14px 14px!important}
.amp-zone-usage{padding:13px 0!important}.amp-zone-usage-head strong{font-size:14px!important}.amp-zone-usage-head span{font-size:10.5px!important}
.output-line{grid-template-columns:130px 100px minmax(0,1fr)!important;gap:12px!important;padding:11px 12px!important;border:0!important;border-radius:10px!important;background:var(--panel-2)!important}.output-line span{color:var(--ink)!important}.output-device{border:0!important;background:var(--panel)!important;min-width:160px!important;padding:7px 9px!important}

/* Assembly reads like a BOM / shopping list rather than another technical dashboard. */
.project-assessment-block{margin-top:12px}.system-components{margin-top:12px!important}
.assembly-zone{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}
.assembly-zone-head{padding:10px 4px!important;background:transparent!important;border-bottom:1px solid var(--line)!important}.assembly-zone-head strong{font-size:14px!important}
.assembly-line{grid-template-columns:64px minmax(0,1fr) minmax(190px,.35fr)!important;min-height:70px!important;padding:9px 4px!important;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important}
.assembly-image{width:58px!important;height:52px!important;border:0!important;background:transparent!important;padding:0!important}.assembly-product strong{font-size:13px!important}.assembly-product span,.assembly-product small,.assembly-commercial>small{font-size:10px!important}.assembly-commercial>strong{font-size:14px!important}
.assembly-total{border:0!important;border-top:2px solid color-mix(in srgb,var(--accent) 42%,var(--line))!important;border-radius:0!important;background:transparent!important;padding:13px 4px!important}

/* Alternatives are intentionally integrated into acoustic zone cards. Keep engine/UI code recoverable. */
.alternatives-card{display:none!important}
.notes-card{margin-bottom:24px!important}.notes-card .section-head{padding-bottom:7px!important}
.notes-card .result-detail,.notes-card details{border-color:color-mix(in srgb,var(--line) 70%,transparent)!important;background:transparent!important}

@media(max-width:1679px){
  .result-section-nav{position:sticky!important;left:auto!important;top:67px!important;width:100%!important;max-width:100%!important;display:flex!important;overflow-x:auto!important;margin:0 0 12px!important;box-shadow:0 4px 15px rgba(0,0,0,.08)!important}
  .result-section-nav .result-nav-group{display:flex!important}.result-zone-nav{display:flex;padding-left:0}.result-section-nav a{width:auto;flex:0 0 auto}
}
@media(max-width:980px){
  .zone-card{grid-template-columns:1fr!important}.zone-space-block,.zone-electrical-block,.zone-use-block,.zone-card>.sub-options{grid-column:1!important}.zone-electrical-block{border-right:0!important;border-bottom:1px solid var(--line)!important;padding-right:0!important}.zone-use-block{padding-left:0!important}
  .shape-config-layout{grid-template-columns:1fr!important}.shape-preview-wrap{height:215px}.shapePreview{height:174px!important}
  .room-3d-wrap{height:360px!important}.section-view{height:165px!important}
  .side-calculate-panel{grid-template-columns:1fr auto!important}
}
@media(max-width:700px){
  .shell{padding-bottom:142px}.side-calculate-panel{bottom:0;left:0;transform:none;width:100%;border-radius:14px 14px 0 0!important;grid-template-columns:1fr!important;gap:7px!important}.side-calculate-panel .calculate-copy{display:none}.side-calculate-panel .calculate-actions{grid-template-columns:1fr auto!important}.side-calculate-panel #calculate{width:100%!important}
  .zone-card{padding:0 14px 14px!important}.zone-title-row{margin:0 -14px;padding:12px!important}.title-input{font-size:17px!important}.use-grid,.zone-electrical-grid{grid-template-columns:1fr!important}
  .room-map{max-width:100%!important}.room-map.circle-room{max-width:420px!important}.sections-panel{grid-template-columns:1fr!important}.room-3d-wrap{height:320px!important}
  .amp-hero{grid-template-columns:72px 1fr!important}.amp-hero-image{width:68px!important;height:54px!important}.amp-hero>b{grid-column:2;text-align:left}.amp-summary-grid{grid-template-columns:1fr!important}.output-line{grid-template-columns:1fr!important}
  .assembly-line{grid-template-columns:52px 1fr!important}.assembly-commercial{grid-column:2;justify-items:start!important;text-align:left!important}
}
.advanced-visual-settings{grid-column:1/-1;margin-top:2px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);padding-top:7px}
.advanced-visual-settings>summary{cursor:pointer;color:var(--muted);font-size:10px;font-weight:800;list-style-position:inside}
.advanced-visual-settings[open]>summary{margin-bottom:8px;color:var(--ink)}
.advanced-visual-settings .orientation-grid{grid-template-columns:1fr 1fr;gap:9px}

/* ========================================================================== */
/* v0.65.0 — left rail actions, compact zone editor, acoustic alternatives    */
/* ========================================================================== */

/* Contents + calculate action share one real left rail on wide screens. */
.project-left-rail{position:fixed;z-index:78;left:max(18px,calc((100vw - 1500px)/2 - 150px));top:116px;width:188px}
.project-left-rail-inner{display:grid;gap:10px}
.project-left-rail .result-section-nav{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;display:grid!important;overflow:visible!important;padding:9px!important;border-radius:14px!important;background:color-mix(in srgb,var(--panel) 92%,transparent)!important;box-shadow:0 10px 30px rgba(0,0,0,.10)!important}
.project-left-rail .result-section-nav .result-nav-group{display:grid!important;gap:3px!important}
.project-left-rail .result-section-nav a{width:100%!important;justify-content:flex-start!important}
.project-left-rail .side-calculate-panel{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-height:0!important;margin:0!important;padding:12px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(0,0,0,.10)!important;backdrop-filter:none!important;background:var(--panel)!important}
.project-left-rail .side-calculate-panel .calculate-copy{display:grid!important;gap:4px!important}
.project-left-rail .side-calculate-panel .calculate-title{font-size:15px!important;margin:0!important}
.project-left-rail .side-calculate-panel .calculate-copy p{font-size:9.5px!important;line-height:1.4!important;color:var(--muted);margin:0!important}
.project-left-rail .side-calculate-panel .calculate-actions{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:'button' 'status' 'progress'!important;gap:6px!important;margin:0!important}
.project-left-rail .side-calculate-panel #calculate{width:100%!important;min-width:0!important;min-height:42px!important;padding:10px 8px!important;font-size:12px!important;border-radius:9px!important;box-shadow:none!important}
.project-left-rail .side-calculate-panel .calc-status{text-align:center!important;font-size:9.5px!important;white-space:normal!important}
.project-left-rail .side-calculate-panel .calc-progress{width:100%!important;height:4px!important}

/* Room editor: compact dimensions, full preview, no clipped floor plan. */
.zone-card{grid-template-columns:1fr!important;column-gap:0!important}
.zone-space-block,.zone-settings-block,.zone-card>.sub-options{grid-column:1/-1!important}
.zone-space-block{padding-bottom:16px!important}
.shape-config-layout{grid-template-columns:minmax(0,1fr) 350px!important;gap:20px!important;align-items:start!important}
.geometry-grid{grid-template-columns:minmax(185px,1.7fr) 92px 92px 82px minmax(165px,1.1fr)!important;gap:9px!important;align-items:end}
.geometry-grid .field{min-width:0}
.geometry-grid .field input,.geometry-grid .field select{min-height:40px}
.shape-preview-wrap{height:278px!important;min-height:278px!important;overflow:visible!important;align-self:start!important;padding:10px!important}
.shapePreview{height:232px!important;min-height:232px!important;width:100%!important;overflow:visible!important}
.shape-preview-head{min-height:26px!important;margin-bottom:5px!important}
.polygon-options{padding:12px!important}.polygon-point-head{font-size:10px}.polygonPointRows{gap:6px!important}.polygonPointRows input{padding:8px 9px!important}

/* Usage + power are one coherent settings panel. */
.zone-settings-block{padding:16px 0 4px!important;border-bottom:0!important}
.zone-settings-title{padding-bottom:10px;margin-bottom:0!important;border-bottom:1px solid var(--line)}
.zone-settings-title>span{font-size:17px!important}.zone-settings-title small{font-size:10.5px!important}
.zone-settings-body{display:grid;gap:0}
.zone-settings-group{padding:14px 0!important;border:0!important;background:transparent!important}
.zone-settings-heading{margin:0 0 10px;font-size:14px;line-height:1.2;color:var(--ink)}
.zone-use-block{order:1!important}
.zone-electrical-block{order:2!important;border-top:1px solid var(--line)!important;display:grid;grid-template-columns:110px minmax(330px,520px) minmax(0,1fr);gap:10px 16px;align-items:start}
.zone-electrical-block .zone-settings-heading{margin:10px 0 0}
.zone-electrical-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
.zone-electrical-block .lowZCableFields{grid-column:2/-1;grid-template-columns:1fr 1fr!important;gap:10px!important}
.zone-electrical-block .electrical-help{grid-column:3;font-size:10px!important;line-height:1.5!important;margin:0!important;padding:4px 0 0;color:var(--muted)}
.use-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px 12px!important}
.use-grid .field-wide{grid-column:1/-1!important}
.zone-settings-block .field{font-size:11.5px!important;font-weight:850!important;gap:6px!important;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}
.zone-settings-block .field input,.zone-settings-block .field select,.zone-settings-block .field textarea{font-size:12.5px!important;min-height:40px;padding:9px 10px!important;font-weight:650}
.zone-settings-block .field small{font-size:9.5px;font-weight:500;color:var(--muted)}
.advanced-visual-settings>summary,.mount-constraints>summary{font-size:11px!important;padding:4px 0;font-weight:850!important}

/* Alternatives live directly inside each acoustic zone, under the chosen model. */
.acoustic-alternatives-inline{margin:0 0 14px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel-2) 72%,transparent)}
.acoustic-alternatives-inline.empty{padding:9px 12px;background:transparent;border-style:dashed}
.acoustic-alternatives-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:9px}
.acoustic-alternatives-head b{font-size:13px}.acoustic-alternatives-head small{font-size:10px;color:var(--muted);line-height:1.4;text-align:right;max-width:620px}
.acoustic-alternative-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.acoustic-alternative-cards .alternative-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);align-items:start}
.acoustic-alternative-cards .alternative-image{width:54px;height:54px;border:0;background:#fff;border-radius:9px;padding:4px}
.acoustic-alternative-cards .alternative-copy{display:grid;gap:3px}
.acoustic-alternative-cards .alternative-copy .alt-benefit{font-size:10.5px;color:var(--accent);font-weight:900}
.acoustic-alternative-cards .alternative-copy strong{font-size:12.5px;line-height:1.25}
.acoustic-alternative-cards .alternative-copy small{font-size:9.7px;line-height:1.38;color:var(--muted)}
.acoustic-alternative-cards .alternative-use{justify-self:start;margin-top:4px;padding:7px 10px!important;font-size:10px!important}

/* Section cones: preserve geometric direction; clip at walls rather than bending rays. */
.section-cones{overflow:visible;shape-rendering:geometricPrecision}
.section-cone{vector-effect:non-scaling-stroke}

/* The fixed left rail needs ~222px beside the 1220px content, i.e. a ≥1680px viewport; below that it becomes the top bar. */
@media(max-width:1679px){
  .project-left-rail{position:static;width:min(1220px,100%);margin:0 auto 12px;padding:0 0}
  .project-left-rail-inner{grid-template-columns:minmax(0,1fr) 250px;align-items:start}
  .project-left-rail .result-section-nav{display:flex!important;overflow-x:auto!important;align-items:center!important}
  .project-left-rail .result-section-nav .result-nav-group{display:flex!important}
  .project-left-rail .result-section-nav a{width:auto!important;flex:0 0 auto!important}
  .project-left-rail .side-calculate-panel{align-self:stretch}
}
@media(max-width:980px){
  .project-left-rail-inner{grid-template-columns:1fr}
  .project-left-rail .side-calculate-panel{grid-template-columns:1fr auto!important;align-items:center!important}
  .project-left-rail .side-calculate-panel .calculate-copy{display:none!important}
  .project-left-rail .side-calculate-panel .calculate-actions{grid-template-columns:1fr auto!important;grid-template-areas:'button status' 'progress progress'!important}
  .shape-config-layout{grid-template-columns:1fr!important}.shape-preview-wrap{height:258px!important;min-height:258px!important}.shapePreview{height:214px!important;min-height:214px!important}
  .geometry-grid{grid-template-columns:minmax(180px,1.5fr) 90px 90px 80px minmax(160px,1fr)!important}
  .use-grid{grid-template-columns:1fr 1fr!important}
  .zone-electrical-block{grid-template-columns:100px minmax(0,1fr)!important}.zone-electrical-block .electrical-help{grid-column:2}.zone-electrical-block .lowZCableFields{grid-column:2}
}
@media(max-width:700px){
  .project-left-rail{margin-bottom:8px}.project-left-rail .result-section-nav{position:sticky!important;top:58px!important}.project-left-rail .side-calculate-panel{position:sticky!important;bottom:0!important;z-index:90}
  .geometry-grid{grid-template-columns:1fr 1fr!important}.room-shape-field,.listening-field{grid-column:1/-1!important}.room-height-field{grid-column:auto!important}
  .use-grid{grid-template-columns:1fr!important}.zone-electrical-block{grid-template-columns:1fr!important}.zone-electrical-block .zone-settings-heading,.zone-electrical-block .zone-electrical-grid,.zone-electrical-block .electrical-help,.zone-electrical-block .lowZCableFields{grid-column:1!important}.zone-electrical-grid,.zone-electrical-block .lowZCableFields{grid-template-columns:1fr!important}
  .acoustic-alternative-cards{grid-template-columns:1fr}.acoustic-alternatives-head{display:grid}.acoustic-alternatives-head small{text-align:left}
}

/* ========================================================================== */
/* v0.66.0 — tabbed zone editor, pooled packs, listener/plan polish           */
/* ========================================================================== */

/* Multi-zone proposal behaves as a tabbed card editor, only in the input UI. */
.zone-manager.multi-zone-manager{position:sticky;top:62px;z-index:72;display:flex;align-items:center;gap:14px;padding:9px 12px!important;border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;box-shadow:0 10px 24px rgba(0,0,0,.09)!important;background:color-mix(in srgb,var(--panel) 96%,transparent)!important;backdrop-filter:blur(12px)}
.zone-manager.multi-zone-manager .zone-manager-copy{flex:0 0 auto;display:block}
.zone-manager.multi-zone-manager .zone-manager-copy b{font-size:12px}
.zone-manager.multi-zone-manager .zone-manager-copy small{display:none}
.zone-manager.multi-zone-manager .zone-manager-actions{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.zone-manager.multi-zone-manager .zone-nav{display:flex;gap:7px;overflow-x:auto;min-width:0;padding:2px 1px;scrollbar-width:thin}
.zone-manager.multi-zone-manager .zone-chip-wrap{flex:0 0 auto}
.zone-manager.multi-zone-manager .zone-chip{min-height:38px;padding:6px 11px;border-radius:10px;background:var(--panel-2);border-color:var(--line);transition:.15s ease}
.zone-manager.multi-zone-manager .zone-chip.active{background:color-mix(in srgb,var(--accent) 11%,var(--panel));border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}
.zone-manager.multi-zone-manager .zone-chip.active span{background:var(--accent);color:#fff}
.zone-manager.multi-zone-manager .add-zone-button{flex:0 0 auto;min-height:38px;padding:8px 12px}
.zones.design-tabs-active>.zone-card:not(.design-active){display:none!important}
.zones.design-tabs-active>.zone-card.design-active{display:grid!important;animation:zone-tab-in .16s ease-out}
.zones.design-tabs-active .collapseZone{display:none!important}
@keyframes zone-tab-in{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Room geometry gets the visual priority in proposal editing. */
.shape-config-layout{grid-template-columns:minmax(360px,.78fr) minmax(500px,1.22fr)!important;gap:24px!important;align-items:start!important}
.shape-fields-pane{min-width:0}
.geometry-grid{grid-template-columns:minmax(190px,1.55fr) 78px 78px 72px minmax(170px,1.15fr)!important;gap:8px!important;align-items:end}
.geometry-grid .field input,.geometry-grid .field select{min-height:38px!important;padding:8px 9px!important}
.shape-preview-wrap{height:390px!important;min-height:390px!important;padding:12px!important;overflow:visible!important}
.shapePreview{height:338px!important;min-height:338px!important;width:100%!important;overflow:visible!important}
.shape-preview-head{min-height:28px!important;margin-bottom:6px!important}
.shape-preview-head b{font-size:13px!important}.shape-preview-head span{font-size:10px!important}

/* All design and electrical choices are visually one left-aligned assignment block. */
.zone-settings-block{padding:18px 0 4px!important}
.zone-settings-body{display:block!important}
.zone-use-block{padding:14px 0 4px!important;max-width:1120px;margin:0!important}
.zone-use-block .zone-settings-heading{font-size:18px!important;margin:0 0 14px!important}
.zone-use-block .use-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important;gap:14px 16px!important;align-items:end}
.zone-use-block .field{font-size:13px!important;font-weight:900!important;gap:7px!important}
.zone-use-block .field input,.zone-use-block .field select{font-size:13px!important;min-height:42px!important;padding:9px 11px!important}
.zone-use-block .field-wide{grid-column:1/-1!important}
.zone-use-block .advanced-visual-settings,.zone-use-block .mount-constraints{margin-top:2px}
.merged-lowz-fields{margin-top:12px!important;grid-template-columns:repeat(2,minmax(180px,320px))!important;gap:12px!important;max-width:660px}
.merged-electrical-help{margin:10px 0 0!important;max-width:850px;font-size:10.5px!important;line-height:1.5!important;color:var(--muted)}
.zone-electrical-block.feature-hidden{display:none!important}

/* Circle has exactly one physical room outline; the old inset shadow formed a second ring. */
.room-map.circle-room{border:none!important;box-shadow:none!important}
.room-map.circle-room .room-wall-outline ellipse{stroke-width:1.7!important}

/* Listener text stays inside the plan and uses a human label. */
.listener-plan-db{left:27px!important;right:auto!important;max-width:160px;overflow:visible;text-overflow:clip}
.listener-marker.listener-near-right .listener-plan-db{left:auto!important;right:27px!important;text-align:right}

/* Heatmap is a primary visualization switch but visually separated from selectors. */
.visual-title-actions .plan-heatmap-toggle{margin-left:14px!important;min-width:132px!important;justify-content:center!important;border-radius:10px!important}

/* The old lock button remains recoverable in code, but no longer appears in the result UI. */
.mounting-coordinate-side>.feature-hidden{display:none!important}

/* Project-wide pack pooling is explained per zone without pretending each zone buys a full pack. */
.assembly-tags span{line-height:1.25!important}
.assembly-commercial small{max-width:310px;line-height:1.45!important}

/* Clickable assembly problems route back to the relevant proposal zone. */
.assembly-issues{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.assembly-issue-link,.assembly-issue-static{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));color:var(--ink);font:inherit}
.assembly-issue-link{cursor:pointer}.assembly-issue-link:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel))}
.assembly-issue-link>span,.assembly-issue-static>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}
.assembly-issue-link>b,.assembly-issue-static>b{font-size:11px;line-height:1.4}.assembly-issue-link>small{font-size:10px;color:var(--accent);font-weight:850;white-space:nowrap}

@media(max-width:1150px){
  .shape-config-layout{grid-template-columns:1fr!important}.shape-preview-wrap{height:360px!important;min-height:360px!important}.shapePreview{height:310px!important;min-height:310px!important}
  .zone-use-block .use-grid{grid-template-columns:1fr 1fr!important}
  .zone-manager.multi-zone-manager{top:58px}
}
@media(max-width:760px){
  .zone-manager.multi-zone-manager{top:54px;display:grid;gap:7px;padding:8px!important}.zone-manager.multi-zone-manager .zone-manager-copy{display:none}.zone-manager.multi-zone-manager .zone-manager-actions{width:100%}
  .shape-preview-wrap{height:300px!important;min-height:300px!important}.shapePreview{height:252px!important;min-height:252px!important}
  .geometry-grid{grid-template-columns:1fr 1fr!important}.room-shape-field,.listening-field{grid-column:1/-1!important}
  .zone-use-block .use-grid{grid-template-columns:1fr!important}.merged-lowz-fields{grid-template-columns:1fr!important}
  .assembly-issue-link,.assembly-issue-static{grid-template-columns:26px 1fr}.assembly-issue-link>small{grid-column:2;white-space:normal}
}

/* ========================================================================== */
/* v0.67.0 — AUDIO Calculator naming, compact assignment rows, active zone UI */
/* ========================================================================== */
.legacy-brand-name{display:none!important}
.hero.hero-compact.feature-hidden{display:none!important}
.brand.brand-main{font-size:14px!important;letter-spacing:.03em!important;max-width:620px!important;text-transform:none!important}
.subbrand{font-size:11px!important;margin-top:4px!important}

/* The selected proposal zone must be unmistakable in the sticky zone bar. */
.zone-manager.multi-zone-manager .zone-chip.active{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(240,122,43,.25),inset 0 0 0 1px rgba(255,255,255,.16)!important;
}
.zone-manager.multi-zone-manager .zone-chip.active b{color:#fff!important}
.zone-manager.multi-zone-manager .zone-chip.active span{
  background:#fff!important;color:var(--accent)!important;border:1px solid rgba(255,255,255,.7)!important;
}
.zone-manager.multi-zone-manager .zone-chip:not(.active){opacity:.72}
.zone-manager.multi-zone-manager .zone-chip:not(.active):hover{opacity:1;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}

/* Compact “label: control” rows in design + electrical assignment. */
.zone-use-block .use-grid{grid-template-columns:repeat(3,minmax(235px,1fr))!important;gap:9px 14px!important;align-items:center!important}
.zone-use-block .inline-design-field{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.zone-use-block .inline-design-field>select,
.zone-use-block .inline-design-field>input,
.zone-use-block .inline-design-field>.compound-field{min-width:0;width:100%!important}
.zone-use-block .inline-design-field select,
.zone-use-block .inline-design-field input{min-height:38px!important;padding:7px 9px!important;font-size:12px!important}
.zone-use-block .inline-design-field.field-wide{grid-column:1/-1!important}
.zone-use-block .advanced-visual-settings,.zone-use-block .mount-constraints{margin-top:6px!important}
.zone-use-block .zone-settings-heading{margin-bottom:10px!important}

/* Heatmap is now the left-side action instead of the redundant “Půdorys” title. */
.plan-title-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.plan-title-left .plan-heatmap-toggle{flex:0 0 auto;margin:0!important}
.plan-title-left .linked-visual-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visual-title-with-actions{align-items:center!important}
.visual-title-actions{margin-left:auto!important}
.direct-field-shadow-note{color:color-mix(in srgb,var(--accent) 65%,var(--muted))!important;font-weight:700!important}

@media(max-width:980px){
  .zone-use-block .use-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
  .brand.brand-main{font-size:12px!important}
}
@media(max-width:700px){
  .zone-use-block .use-grid{grid-template-columns:1fr!important}
  .zone-use-block .inline-design-field{grid-template-columns:1fr!important;gap:5px!important}
  .plan-title-left{width:100%;flex-wrap:wrap}.plan-title-left .linked-visual-label{white-space:normal}
  .visual-title-with-actions{display:grid!important;gap:8px!important}.visual-title-actions{margin-left:0!important;width:100%!important}
}


/* v0.67.1 — wide transparent logo and AUDIO Calculator naming */
.app-logo{width:auto!important;height:56px!important;max-width:220px!important;object-fit:contain!important;object-position:left center!important}
.brand-wrap{gap:14px!important}
.brand.brand-main{line-height:1.15!important}
.subbrand{font-size:11px!important;margin-top:3px!important}
@media(max-width:1100px){.app-logo{height:48px!important;max-width:190px!important}}
@media(max-width:780px){.app-logo{height:40px!important;max-width:156px!important}.brand.brand-main{font-size:12px!important}}
@media(max-width:520px){.app-logo{height:34px!important;max-width:132px!important}.subbrand{font-size:10px!important}}

/* ========================================================================== */
/* v0.68.0 — acoustic card / zone controls / assembly visual polish          */
/* ========================================================================== */
.header-title-only{
  font-size:15px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:-.01em;
  color:var(--ink);
  white-space:nowrap;
}
@media(max-width:980px){.header-title-only{font-size:13px;white-space:normal;max-width:360px}}
@media(max-width:620px){.header-title-only{font-size:12px;max-width:240px}}

/* Active zone stays strongly orange; adding a zone is deliberately a different action. */
.zone-manager.multi-zone-manager .add-zone-button,
.add-zone-button{
  background:transparent!important;
  color:var(--accent)!important;
  border:1.5px dashed color-mix(in srgb,var(--accent) 58%,var(--line))!important;
  box-shadow:none!important;
  font-weight:850!important;
}
.add-zone-button:hover{
  background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important;
  border-style:solid!important;
}

/* Delete is an explicit text action rather than an unexplained X icon. */
.removeZone.danger-outline{
  width:auto!important;
  min-width:78px;
  height:34px;
  padding:6px 10px!important;
  border:1px solid color-mix(in srgb,var(--red) 34%,var(--line))!important;
  background:transparent!important;
  color:color-mix(in srgb,var(--red) 78%,var(--ink))!important;
  border-radius:9px!important;
  font-size:11px!important;
  font-weight:800!important;
}
.removeZone.danger-outline:hover{background:color-mix(in srgb,var(--red) 7%,var(--panel))!important;border-color:var(--red)!important}
.removeZone.danger-outline:disabled{opacity:.3!important}

/* Recommended loudspeaker: clearer hierarchy, quieter technical chips. */
.result-speaker-card{grid-template-columns:82px minmax(240px,1fr) minmax(220px,.52fr)!important;align-items:start!important}
.result-speaker-card .product-icon{width:76px!important;height:76px!important}
.recommendation-badge{
  display:inline-flex!important;
  width:max-content;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 12%,var(--panel));
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
  color:var(--accent)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.selected-product-brand{display:block!important;color:var(--accent)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.08em;text-transform:uppercase}
.result-speaker-pills{gap:5px 7px!important;margin-top:9px!important}
.result-speaker-pills span{
  padding:4px 7px!important;
  font-size:10px!important;
  font-weight:560!important;
  color:var(--muted)!important;
  background:transparent!important;
  border-color:color-mix(in srgb,var(--line) 78%,transparent)!important;
}
.result-speaker-pills b{font-weight:650!important}

/* Alternatives: more readable, larger product, aligned actions. */
.acoustic-alternatives-inline{padding:14px!important}
.acoustic-alternatives-head{align-items:baseline!important;margin-bottom:11px!important}
.acoustic-alternatives-head>b{font-size:14px!important;line-height:1.25!important}
.acoustic-alternatives-head small{font-size:10.5px!important;line-height:1.45!important}
.acoustic-alternative-cards{gap:12px!important;align-items:stretch!important}
.acoustic-alternative-cards .alternative-card{
  grid-template-columns:78px minmax(0,1fr)!important;
  min-height:190px;
  padding:13px!important;
  gap:13px!important;
  align-items:stretch!important;
}
.acoustic-alternative-cards .alternative-image{width:74px!important;height:74px!important;padding:3px!important;background:transparent!important}
.acoustic-alternative-cards .alternative-copy{display:flex!important;flex-direction:column!important;gap:6px!important;min-height:100%}
.acoustic-alternative-cards .alternative-copy .alt-benefit{font-size:11.5px!important;line-height:1.35!important}
.acoustic-alternative-cards .alternative-copy strong{font-size:14px!important;line-height:1.3!important}
.acoustic-alternative-cards .alternative-copy small{font-size:10.8px!important;line-height:1.5!important}
.acoustic-alternative-cards .alternative-use{margin-top:auto!important;align-self:flex-start!important;padding:8px 11px!important;font-size:10.5px!important}

/* Plan cleanup. */
.plan-axis{display:none!important}
.plan-heatmap-toggle{border-radius:10px!important;overflow:hidden}
.mounting-coordinate-side{justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important}
.mounting-coordinates{margin-left:0!important;margin-right:auto!important}
.mounting-coordinates>summary{justify-content:flex-start!important;text-align:left!important}

/* Assembly: larger, cleaner product imagery without a visible white tile. */
.assembly-line{grid-template-columns:96px minmax(0,1fr) minmax(190px,.35fr)!important;min-height:96px!important;gap:14px!important;padding:12px 4px!important}
.assembly-image{
  width:90px!important;
  height:76px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  overflow:visible!important;
}
.assembly-image img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
body[data-theme="light"] .assembly-image img.real-product-photo{mix-blend-mode:multiply}
.assembly-product strong{font-size:14px!important}

@media(max-width:780px){
  .result-speaker-card{grid-template-columns:68px 1fr!important}.result-speaker-side{grid-column:2!important}
  .result-speaker-card .product-icon{width:64px!important;height:64px!important}
  .acoustic-alternative-cards .alternative-card{grid-template-columns:64px 1fr!important;min-height:0}.acoustic-alternative-cards .alternative-image{width:60px!important;height:60px!important}
  .assembly-line{grid-template-columns:76px 1fr!important}.assembly-image{width:70px!important;height:60px!important}
}


/* v0.71.0 — header sizing, cleaner plan frame, tighter form alignment */
.topbar-inner{min-height:76px!important;padding-top:10px!important;padding-bottom:10px!important}
.app-logo{height:66px!important;max-width:250px!important}
.header-title-only{font-size:18px!important;font-weight:850!important;line-height:1.2!important;max-width:none!important}
@media(max-width:980px){.app-logo{height:58px!important;max-width:220px!important}.header-title-only{font-size:15px!important;max-width:420px!important}}
@media(max-width:620px){.app-logo{height:44px!important;max-width:170px!important}.header-title-only{font-size:12px!important;max-width:240px!important}}

.zone-settings-group .form-grid{align-items:end!important}
.zone-settings-group .field{align-self:end!important}
.zone-use-block .form-grid.use-grid,.zone-use-block .form-grid.zone-electrical-grid{grid-auto-rows:1fr!important}
.zone-use-block .field>select,.zone-use-block .field>input,.zone-use-block .field .compound-field{min-height:44px!important}
.advanced-visual-settings.advanced-settings,.mount-constraints.advanced-settings{border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;padding-top:7px!important}

.room-map{border:none!important;box-shadow:none!important}
.room-wall-outline rect,.room-wall-outline polygon,.room-wall-outline ellipse{stroke-width:1.7!important}
.plan-origin{display:none!important}

.result-speaker-main strong{font-size:20px!important;line-height:1.25!important}
.result-speaker-main small{font-size:11px!important}
.result-speaker-side small{font-size:11px!important}

.acoustic-alternative-cards .alternative-card{min-height:156px!important}
.acoustic-alternative-cards .alternative-copy strong{font-size:14.5px!important}
.acoustic-alternative-cards .alternative-copy small{font-size:11px!important}
.acoustic-alternative-cards .alternative-image{width:78px!important;height:78px!important}

.assembly-image{background:transparent!important;border:0!important;box-shadow:none!important;width:96px!important;height:76px!important;padding:4px!important}
.assembly-line{grid-template-columns:96px minmax(0,1fr) minmax(220px,.55fr)!important}
@media(max-width:780px){.assembly-line{grid-template-columns:76px 1fr!important}.assembly-image{width:72px!important;height:62px!important}}

/* v0.72.0 — navigation emphasis, listener icon, unified typography */
body{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important}
button,input,select,textarea{font-family:inherit!important}
.project-left-rail .result-section-nav b,
.project-left-rail .calculate-title,
.project-left-rail #calculate,
.section-single-title,
.zone-block-title>span,
.zone-settings-heading,
.visual-title>b,
.final-assembly-head h3{
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
.project-left-rail .result-section-nav b{font-size:10.5px!important;font-weight:900!important}
.project-left-rail #calculate{font-size:15px!important;font-weight:900!important;letter-spacing:.06em!important}
.project-left-rail .calculate-title{font-size:22px!important;font-weight:900!important}
.project-left-rail .side-calculate-panel{padding-top:18px!important;padding-bottom:18px!important}
.project-left-rail .side-calculate-panel .calc-progress{height:9px!important;border-width:1px!important;background:color-mix(in srgb,var(--accent) 8%,var(--panel-2))!important}
.project-left-rail .side-calculate-panel .calc-progress i{box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)!important}
.project-left-rail .calc-status{font-size:11px!important;font-weight:750!important}

.section-single-title{font-weight:900!important}
.zone-block-title>span,.zone-settings-heading{font-weight:900!important}

/* Listener is a recognisable head icon; it stays beneath speaker markers so overlap never "selects" a speaker. */
.listener-marker{width:42px!important;height:42px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:4!important;overflow:visible!important}
.listener-marker>span{display:none!important}
.listener-head-icon{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.24));pointer-events:none}
.listener-marker .listener-plan-db{z-index:10!important;left:37px!important;top:8px!important}
.listener-marker.listener-near-right .listener-plan-db{left:auto!important;right:37px!important;text-align:right}
.speaker-dot{z-index:6!important;outline:none!important}
.speaker-dot:focus,.speaker-dot:focus-visible,.speaker-dot:hover{outline:none!important;filter:none!important}
.speaker-dot b{outline:none!important;box-shadow:none!important}

/* Recommended speaker specs stay on one clean technical row on desktop. */
.result-speaker-main{min-width:0!important}
.result-speaker-pills{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:thin;padding-bottom:2px!important}
.result-speaker-pills span{flex:0 0 auto!important;padding:3px 6px!important;font-size:9.5px!important;font-weight:500!important;white-space:nowrap!important}
.result-speaker-pills .selected-tap-pill{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))!important;color:color-mix(in srgb,var(--accent) 80%,var(--ink))!important;font-weight:700!important}
@media(max-width:900px){.result-speaker-pills{flex-wrap:wrap!important;overflow:visible!important}}

/* v0.76.0 — UI/UX cleanup without changing acoustic/electrical physics */

/* Header: use the existing vertical space for a larger mark without making the bar taller. */
.topbar-inner{min-height:76px!important;padding-top:5px!important;padding-bottom:5px!important}
.app-logo{height:72px!important;max-width:274px!important}
@media(max-width:980px){.app-logo{height:62px!important;max-width:232px!important}}
@media(max-width:620px){.app-logo{height:46px!important;max-width:176px!important}}

/* Left rail: stronger navigation hierarchy and a clearly separated primary action. */
.project-left-rail .result-section-nav a>span{
  width:30px!important;height:30px!important;min-width:30px!important;
  font-size:12px!important;font-weight:950!important;border-radius:9px!important;
}
.project-left-rail .result-section-nav b{font-size:11px!important;line-height:1.2!important}
.project-left-rail .side-calculate-panel .calculate-copy{text-align:center!important}
.project-left-rail .side-calculate-panel .calculate-title{font-size:23px!important;line-height:1!important;text-align:center!important}
.project-left-rail .side-calculate-panel .calculate-copy p{text-align:center!important}
.project-left-rail .side-calculate-panel .calculate-actions{
  border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  padding-top:12px!important;margin-top:2px!important;
}
.project-left-rail .side-calculate-panel #calculate{
  min-height:50px!important;font-size:14px!important;border-radius:11px!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 18%,transparent)!important;
}

/* Method explanation lives on demand under the calculation action. */
.calculation-info{
  margin-top:1px;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);
  padding-top:8px;color:var(--muted);
}
.calculation-info>summary{
  list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;
  cursor:pointer;font-size:10.5px;font-weight:850;color:var(--muted);user-select:none;
}
.calculation-info>summary::-webkit-details-marker{display:none}
.calculation-info>summary:hover{color:var(--ink)}
.calculation-info-icon{
  width:18px;height:18px;display:grid;place-items:center;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));
  color:var(--accent);font-size:11px;font-weight:900;font-family:Georgia,serif;
}
.calculation-info-body{display:grid;gap:8px;padding:10px 2px 1px}
.calculation-info-body p{margin:0!important;font-size:9.5px!important;line-height:1.48!important;text-align:left!important}
.calculation-info-body b{color:var(--ink)}

/* Acoustic result zones use the same compact tab concept as project-zone editing. */
.acoustic-section-head{align-items:center!important;flex-wrap:wrap!important}
.acoustic-zone-tabs{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;min-width:0}
.acoustic-zone-tabs.single-zone{display:none}
.acoustic-zone-tab{
  display:flex;align-items:center;gap:7px;min-height:38px;padding:6px 11px 6px 7px;
  border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--ink);
  cursor:pointer;opacity:.72;transition:.15s ease;
}
.acoustic-zone-tab:hover{opacity:1;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.acoustic-zone-tab.active{
  opacity:1;background:color-mix(in srgb,var(--accent) 12%,var(--panel));
  border-color:color-mix(in srgb,var(--accent) 55%,var(--line));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent);
}
.acoustic-zone-tab span{
  width:23px;height:23px;display:grid;place-items:center;border-radius:50%;
  background:var(--accent);color:#fff;font-size:10px;font-weight:900;
}
.acoustic-zone-tab b{font-size:11px;font-weight:850;white-space:nowrap}
#zoneResults.result-zone-tabs-active>.zone-result:not(.result-zone-active){display:none!important}
#zoneResults.result-zone-tabs-active>.zone-result.result-zone-active{animation:zone-tab-in .16s ease-out}
@media(max-width:700px){.acoustic-zone-tabs{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.acoustic-zone-tab{flex:0 0 auto}}
@media print{#zoneResults.result-zone-tabs-active>.zone-result{display:block!important}.acoustic-zone-tabs{display:none!important}}

/* Advanced controls: same visual level and summary treatment. */
.zone-advanced-detail{
  width:100%!important;margin-top:10px!important;padding:0!important;
  border:1px solid color-mix(in srgb,var(--line) 90%,transparent)!important;
  border-radius:11px!important;background:var(--panel-2)!important;overflow:hidden!important;
}
.zone-advanced-detail>summary{
  min-height:42px;display:flex;align-items:center;padding:10px 12px!important;
  cursor:pointer;font-size:11px!important;font-weight:850!important;color:var(--ink)!important;
  background:transparent!important;list-style-position:inside;
}
.zone-advanced-detail[open]>summary{border-bottom:1px solid var(--line)!important;margin:0!important}
.zone-advanced-detail>.orientation-grid,.zone-advanced-detail>.orientation-help,.zone-advanced-detail>.form-grid{margin:0!important;padding:12px!important}
.zone-advanced-detail>.orientation-help{padding-top:0!important}

/* Recommended speaker: one readable technical line, never a horizontal scroller. */
.result-speaker-main{min-width:0!important}
.result-speaker-techline{
  display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;margin-top:8px;
  color:var(--muted);font-size:11px;line-height:1.45;overflow:visible!important;
}
.result-speaker-techline span{white-space:nowrap;font-weight:600;color:var(--muted)}
.result-speaker-techline i{font-style:normal;color:color-mix(in srgb,var(--muted) 55%,transparent)}
.result-speaker-pills{flex-wrap:wrap!important;overflow:visible!important;scrollbar-width:none!important}

/* Listener marker: identical head asset in plan and sections; no green cross/focus halo. */
.section-listener{
  width:38px!important;height:38px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;outline:none!important;overflow:visible!important;
}
.section-listener>span{display:none!important}
.section-listener .listener-head-icon{width:38px!important;height:38px!important;object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.24));pointer-events:none}
.section-listener.projected{opacity:.55!important}
.listener-marker,.section-listener,.listener-marker:focus,.section-listener:focus{outline:none!important}
.speaker-dot,.speaker-dot b,.section-speaker-icon,.section-speaker-icon b{outline:none!important}
.speaker-dot:focus-visible,.section-speaker-icon:focus-visible{outline:none!important;box-shadow:none!important}

/* Audio demo: a single compact SPL statement instead of a second large readout. */
.listener-tools.listener-tools-compact{display:block!important}
.listener-audio-card{padding:13px 14px!important}
.listener-audio-card .audio-demo-head{display:block!important}
.listener-audio-card .audio-copy b{font-size:11.5px!important;line-height:1.4!important;letter-spacing:.015em}
.listener-audio-card .audio-copy b>span{font-weight:650;color:var(--muted)}
.listener-audio-card .audio-copy b>span strong,.listener-audio-card .audio-copy b>span strong b{font-size:inherit!important;color:var(--ink)!important}
.listener-audio-card .audio-copy small{margin-top:4px!important;font-size:10px!important;line-height:1.42!important}
.listener-inline-readout{display:none!important}
.listener-audio-card .audio-controls{margin-top:9px!important}

/* Product imagery must never crop the real product photo. */
.product-icon,.alternative-image,.assembly-image,.speaker-preview-photo,.component-amplifier-image{overflow:hidden!important}
.product-icon img,.alternative-image img,.assembly-image img,.speaker-preview-photo img,.component-amplifier-image img,.real-product-photo{
  object-fit:contain!important;object-position:center!important;max-width:100%!important;max-height:100%!important;
}

/* Purpose-specific alternatives stay readable when a lower-count version of the same model is shown. */
.acoustic-alternative-cards .alternative-card{overflow:hidden}
.acoustic-alternative-cards .alternative-image img{object-fit:contain!important}

/* v0.76.1 — geometry controls, compact calculation card, readable notes */

/* Enlarge the visible logo without increasing the header's layout height. */
.app-logo{transform:scale(1.09)!important;transform-origin:left center!important}
@media(max-width:980px){.app-logo{transform:scale(1.06)!important}}
@media(max-width:620px){.app-logo{transform:scale(1.03)!important}}

/* Calculation card: one primary action, explanatory scope directly underneath. */
.project-left-rail .side-calculate-panel .calculate-actions{border-top:0!important;padding-top:0!important;margin-top:0!important}
.project-left-rail .side-calculate-panel .calculate-scope{
  margin:0!important;text-align:left!important;color:var(--muted)!important;
  font-size:10px!important;line-height:1.45!important;width:min(100%,320px);justify-self:center;
}
.project-left-rail .side-calculate-panel .calculate-scope b{color:var(--ink);font-weight:850}

/* Joined assignment/power area must not stretch when advanced details open. */
.zone-settings-group .form-grid{align-items:start!important}
.zone-settings-group .field{align-self:start!important}
.zone-use-block .form-grid.use-grid,.zone-electrical-block .form-grid.zone-electrical-grid{grid-auto-rows:auto!important}
.zone-use-block .field>select,.zone-use-block .field>input,.zone-use-block .field .compound-field{min-height:0!important}
.zone-settings-body{align-items:start!important}
.zone-settings-group{align-self:start!important}
.zone-advanced-detail{align-self:start!important}

/* L-shape: corner selector + two dimensions on one row where space allows. */
.l-shape-grid{grid-template-columns:minmax(150px,1.1fr) repeat(2,minmax(130px,1fr))!important;align-items:end!important}
.l-shape-options .shape-help{margin-bottom:12px!important}
.shape-point.l-shape-corner circle{cursor:move;fill:color-mix(in srgb,var(--accent) 18%,var(--panel))!important}
@media(max-width:780px){.l-shape-grid{grid-template-columns:1fr!important}}

/* Slightly larger listener head: the dark outline remains legible at normal zoom. */
.listener-marker{width:47px!important;height:47px!important}
.listener-marker .listener-head-icon{width:47px!important;height:47px!important}
.listener-marker .listener-plan-db{left:42px!important;top:10px!important}
.listener-marker.listener-near-right .listener-plan-db{left:auto!important;right:42px!important}
.section-listener{width:43px!important;height:43px!important}
.section-listener .listener-head-icon{width:43px!important;height:43px!important}

/* Notes: short themed blocks instead of an undifferentiated paragraph stream. */
#notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding-top:2px}
.note-group{min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel-2) 72%,transparent)}
.note-group h4{margin:0 0 7px;font-size:12.5px;font-weight:900;color:var(--ink);letter-spacing:.01em}
.note-group .note-item{margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:11.5px!important;line-height:1.52!important;color:var(--muted)!important}
.note-group .note-item+.note-item{margin-top:6px!important;padding-top:6px!important;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}
@media(max-width:780px){#notes{grid-template-columns:1fr}}

/* v0.76.1 — clearer recommendation specs and alternative comparison cards */
.result-speaker-techline{gap:6px!important;margin-top:9px!important}
.result-speaker-techline span{
  display:flex!important;align-items:baseline!important;gap:4px!important;
  padding:3px 6px!important;border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  border-radius:7px!important;background:color-mix(in srgb,var(--panel-2) 78%,transparent)!important;
  white-space:nowrap!important;
}
.result-speaker-techline span b{font-size:9.5px!important;font-weight:750!important;color:var(--muted)!important}
.result-speaker-techline span strong{font-size:11px!important;font-weight:850!important;color:var(--ink)!important}
.result-speaker-techline i{display:none!important}

.acoustic-alternatives-inline{padding:14px 14px 15px!important}
.acoustic-alternatives-head{margin-bottom:12px!important}
.acoustic-alternatives-head>b{font-size:14px!important}
.acoustic-alternatives-head small{max-width:560px!important;font-size:10.5px!important}
.acoustic-alternative-cards{gap:12px!important}
.acoustic-alternative-cards .alternative-card-v2{
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:13px!important;padding:13px!important;min-height:0!important;align-items:start!important;
}
.acoustic-alternative-cards .alternative-card-v2 .alternative-image{width:78px!important;height:78px!important;align-self:start!important}
.alternative-card-v2 .alternative-copy{display:grid!important;gap:10px!important;min-height:0!important}
.alternative-title{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.alternative-title>span{font-size:10px;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}
.alternative-title>strong{font-size:15px!important;line-height:1.25!important;color:var(--ink)!important}
.alternative-reason{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:baseline;padding:8px 9px;border-radius:8px;background:color-mix(in srgb,var(--accent) 6%,var(--panel-2))}
.alternative-reason>span{font-size:9.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.alternative-reason>b{font-size:11.5px;line-height:1.35;color:var(--ink)}
.alternative-reason>small{grid-column:1/-1;font-size:10.75px!important;line-height:1.4!important;color:var(--muted)!important}
.alternative-compare{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.alternative-compare>div{min-width:0;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}
.alternative-compare span{display:block;font-size:9.5px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.025em}
.alternative-compare strong{display:block;margin-top:2px;font-size:11px!important;line-height:1.2!important;color:var(--ink)!important}
.alternative-delta{display:block!important;margin-top:2px;font-size:9px!important;line-height:1.2!important}
.alternative-delta.better{color:var(--success,#2f8f5b)!important}
.alternative-delta.worse{color:color-mix(in srgb,var(--accent) 78%,#a33)!important}
.alternative-price{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:baseline}
.alternative-price>span{font-size:9.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.alternative-price>strong{font-size:12px!important;color:var(--ink)!important}
.alternative-price>small{grid-column:2;font-size:10.5px!important;line-height:1.35!important;color:var(--muted)!important}
.alternative-price.unavailable>strong{color:var(--muted)!important}
.alternative-action{display:flex;justify-content:flex-start;margin-top:1px}
.alternative-card-v2 .alternative-use{margin:0!important;padding:8px 12px!important;font-size:10.5px!important}
@media(max-width:1050px){.alternative-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
  .acoustic-alternative-cards .alternative-card-v2{grid-template-columns:64px minmax(0,1fr)!important;padding:11px!important;gap:10px!important}
  .acoustic-alternative-cards .alternative-card-v2 .alternative-image{width:60px!important;height:60px!important}
  .alternative-compare{grid-template-columns:repeat(2,minmax(0,1fr))}
  .alternative-title{display:grid;gap:2px}
}

/* ========================================================================== */
/* v0.76.6 — visual hierarchy, zone navigation and plan editing               */
/* ========================================================================== */

/* Dark/light logos are pixel-identical in geometry; only the dark artwork changes. */
.app-logo{aspect-ratio:1774/887!important;object-fit:contain!important;object-position:left center!important}

/* Zone header actions: compact ghost controls instead of three heavy boxes. */
.zone-actions{gap:5px!important}
.zone-actions .button.mini{min-height:29px!important;padding:5px 8px!important;border-radius:8px!important;font-size:9.5px!important;background:transparent!important;box-shadow:none!important}
.zone-actions .button.secondary{border-color:color-mix(in srgb,var(--line) 76%,transparent)!important;color:var(--muted)!important}
.zone-actions .button.secondary:hover{color:var(--ink)!important;background:var(--panel-2)!important;border-color:var(--line-2)!important}
.removeZone.danger-outline{min-width:62px!important;height:29px!important;padding:5px 8px!important;font-size:9.5px!important}

/* Advanced assignment controls: quiet disclosure rows, not large standalone cards. */
.zone-advanced-detail{margin-top:7px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.zone-advanced-detail>summary{min-height:31px!important;padding:7px 2px!important;font-size:10.5px!important;color:var(--muted)!important}
.zone-advanced-detail>summary:hover{color:var(--ink)!important}
.zone-advanced-detail[open]>summary{border-bottom:0!important;color:var(--ink)!important}
.zone-advanced-detail>.orientation-grid,.zone-advanced-detail>.orientation-help,.zone-advanced-detail>.form-grid{padding:9px 2px 4px!important}
.zone-advanced-detail>.orientation-help{padding-top:2px!important}

/* Automatic choice is an explanation, not a pseudo-result card with a misleading count. */
.speaker-preview:has(.auto-preview-compact){padding:0!important;border:0!important;background:transparent!important;margin-top:7px!important}
.auto-preview-compact{display:flex!important;align-items:baseline!important;gap:7px 10px!important;flex-wrap:wrap!important;padding:7px 9px!important;border-left:2px solid color-mix(in srgb,var(--accent) 60%,var(--line))!important;background:color-mix(in srgb,var(--accent) 3%,transparent)!important}
.auto-preview-compact b{font-size:10.5px!important;white-space:nowrap}
.auto-preview-compact span{font-size:10px!important;color:var(--ink)!important}
.auto-preview-compact small{flex-basis:100%;font-size:9.5px!important;line-height:1.35!important}

/* Recommended product: one product name, compact data-confidence block, prominent commerce. */
.result-speaker-card-v2{grid-template-columns:82px minmax(320px,1fr) minmax(230px,.42fr)!important;gap:15px!important;align-items:center!important;padding:14px!important}
.result-speaker-card-v2 .result-speaker-main strong{font-size:19px!important;line-height:1.25!important;margin-top:2px!important}
.result-speaker-card-v2 .recommendation-badge{margin-bottom:2px!important}
.result-speaker-card-v2 .result-speaker-side{display:grid!important;gap:8px!important;justify-items:stretch!important;text-align:left!important;min-width:0!important}
.result-data-quality{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel-2) 72%,transparent)}
.result-data-quality .data-quality{display:inline-flex!important;margin:0 0 3px!important}
.result-data-quality small{display:block!important;font-size:9.5px!important;line-height:1.35!important;color:var(--muted)!important}
.result-commerce{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:2px 1px}
.result-commerce>strong{font-size:15px!important;line-height:1.15!important;color:var(--ink)!important}
.result-commerce>.availability-badge{font-size:9.5px!important}
.result-commerce>small{flex-basis:100%;font-size:9.5px!important;color:var(--muted)!important;line-height:1.3!important}
@media(max-width:900px){.result-speaker-card-v2{grid-template-columns:68px 1fr!important}.result-speaker-card-v2 .result-speaker-side{grid-column:2!important}}

/* Alternatives: heading same visual weight as product line, reason on one line, action beside price. */
.alternative-title>span,.alternative-title>strong{font-size:15px!important;line-height:1.25!important}
.alternative-title>span{letter-spacing:0!important;text-transform:none!important}
.alternative-reason{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;padding:8px 9px!important}
.alternative-reason-line{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.alternative-reason-line>span{font-size:9.5px;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.035em}
.alternative-reason-line>b{font-size:11.5px;line-height:1.3;color:var(--ink)}
.alternative-reason>small{grid-column:auto!important;margin:0!important}
.alternative-footer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.alternative-footer-row .alternative-price{min-width:0}
.alternative-footer-row .alternative-action{justify-content:flex-end!important;align-items:flex-end!important;margin:0!important}
.alternative-footer-row .alternative-use{white-space:nowrap!important}
@media(max-width:620px){.alternative-footer-row{grid-template-columns:1fr}.alternative-footer-row .alternative-action{justify-content:flex-start!important}}

/* Left rail: zone names must be readable, never ellipsized. */
.project-left-rail .result-section-nav b{font-size:10px!important;line-height:1.15!important}
.project-left-rail .result-zone-nav{padding-left:25px!important}
.project-left-rail .result-zone-nav a{max-width:none!important;padding:3px 4px!important;align-items:flex-start!important}
.project-left-rail .result-zone-nav a b{font-size:8.5px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-transform:none!important;letter-spacing:0!important;word-break:break-word!important}
.project-left-rail .result-zone-nav a span{flex:0 0 17px!important}

/* Acoustic zone switcher mirrors the project-zone switcher and stays visible in the section. */
.acoustic-section-head{position:sticky!important;top:76px!important;z-index:68!important;justify-content:flex-start!important;gap:10px!important;margin:-6px -6px 10px!important;padding:7px 6px!important;background:color-mix(in srgb,var(--panel) 94%,transparent)!important;backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.acoustic-section-head .section-single-title{flex:0 0 auto!important}
.acoustic-zone-tabs{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:thin!important}
.acoustic-zone-tab{flex:0 0 auto!important;min-height:34px!important;padding:5px 9px 5px 6px!important}
.acoustic-zone-tab span{width:21px!important;height:21px!important}
.acoustic-zone-tab b{font-size:9.5px!important;max-width:190px;white-space:normal!important;line-height:1.15!important;text-align:left}

/* Editable plan speaker positions. */
.speaker-layout-edit-toggle{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))!important;background:transparent!important;color:var(--muted)!important}
.speaker-layout-edit-toggle.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 58%,var(--line))!important}
.speaker-dot.speaker-editable{cursor:grab!important;touch-action:none!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)!important}
.speaker-dot.speaker-editable.dragging{cursor:grabbing!important;z-index:12!important;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 18%,transparent)!important}

/* Heatmap explanation: readable mini-panel with one clear statement. */
.plan-heatmap-legend{max-width:min(100% - 20px,700px)!important;padding:8px 10px!important;row-gap:5px!important}
.plan-heatmap-legend .plan-heatmap-caption{font-size:10.5px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.plan-heatmap-legend small{font-size:9.5px!important;line-height:1.4!important}
.plan-heatmap-legend small b{color:var(--ink)!important}

/* Footer should finish the page, not create another empty band. */
.footer.footer-compact{margin-top:18px!important;padding:12px 2px 4px!important;display:grid!important;grid-template-columns:auto minmax(280px,1fr) auto!important;align-items:center!important;gap:8px 18px!important;font-size:9.5px!important}
.footer.footer-compact>span:nth-child(2){text-align:center}
.footer.footer-compact>span:last-child{text-align:right}
@media(max-width:820px){.footer.footer-compact{grid-template-columns:1fr!important}.footer.footer-compact>span:nth-child(2),.footer.footer-compact>span:last-child{text-align:left!important}}


/* --- v0.76.7 UI polish: left rail, zone cards, acoustic header, plan tools --- */
.project-left-rail{align-self:start}
.project-left-rail .project-left-rail-inner{display:grid;gap:10px}
.project-left-rail .result-section-nav{padding:14px 12px!important;border-radius:22px!important;background:color-mix(in srgb,var(--panel) 96%,white 4%)!important;box-shadow:0 14px 34px rgba(0,0,0,.08)!important}
.project-left-rail .result-section-nav a{padding:10px 12px!important;border-radius:14px!important;gap:10px!important;align-items:flex-start!important}
.project-left-rail .result-section-nav a>span{width:28px!important;height:28px!important;border-radius:10px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,white 8%),color-mix(in srgb,var(--accent) 74%,#b85417 26%))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;color:#fff!important;font-size:11px!important}
.project-left-rail .result-section-nav b{font-size:12px!important;line-height:1.2!important;font-weight:850!important;color:var(--ink)!important}
.project-left-rail .result-section-nav a.active{background:color-mix(in srgb,var(--accent) 13%,var(--panel))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,var(--line))!important}
.project-left-rail .result-section-nav .result-nav-group{gap:6px!important}
.project-left-rail .result-zone-nav{padding-left:20px!important;gap:4px!important}
.project-left-rail .result-zone-nav a{padding:8px 10px!important;opacity:1!important;align-items:center!important}
.project-left-rail .result-zone-nav a span{width:22px!important;height:22px!important;border-radius:8px!important;font-size:9px!important}
.project-left-rail .result-zone-nav a b{font-size:11px!important;line-height:1.2!important;white-space:normal!important;word-break:break-word!important}

.zone-manager{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;padding:16px 18px!important;border-radius:18px!important}
#zoneCount{display:none!important}
.zone-manager-copy small{display:block;font-size:11px!important;line-height:1.5!important;color:var(--muted)!important;max-width:620px}
.zone-nav{justify-content:flex-start!important;gap:9px!important}
.zone-manager.multi-zone-manager .zone-chip{min-height:42px!important;padding:7px 13px!important;border-radius:12px!important;background:var(--panel)!important;border-color:color-mix(in srgb,var(--line) 92%,white 8%)!important;opacity:1!important}
.zone-manager.multi-zone-manager .zone-chip.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,white 3%),color-mix(in srgb,var(--accent) 8%,var(--panel)))!important;border-color:color-mix(in srgb,var(--accent) 48%,var(--line))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)!important}
.zone-manager.multi-zone-manager .zone-chip span,.acoustic-zone-tab span{width:22px!important;height:22px!important;border-radius:9px!important;font-size:10px!important;background:linear-gradient(180deg,#eda066,#e77d2e)!important;color:#fff!important;margin-right:8px!important}
.zone-manager.multi-zone-manager .zone-chip b,.acoustic-zone-tab b{font-size:11.5px!important;line-height:1.2!important}
.zone-manager.multi-zone-manager .zone-chip:not(.active){opacity:1!important}
.add-zone-button{min-height:40px!important;border-radius:12px!important;align-self:flex-start!important}

.zone-title-row{padding-bottom:18px!important}
.zone-title{gap:8px!important}
.zone-index{display:none!important}
.title-input{font-size:18px!important;font-weight:850!important}
.zoneNameEdit{margin-left:0!important;margin-right:2px!important}
.zone-actions{gap:10px!important}

.zone-use-block .zone-settings-heading{margin:0 0 18px!important;padding-top:2px!important;padding-bottom:4px!important}
.zone-advanced-detail{margin-top:10px!important;border-top:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important}
.zone-advanced-detail>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 2px!important;color:var(--ink)!important;font-weight:800!important}
.zone-advanced-detail>summary::after{content:'▾';font-size:12px;line-height:1;color:var(--muted);transition:transform .16s ease}
.zone-advanced-detail[open]>summary::after{transform:rotate(180deg)}
.zone-advanced-detail>summary:hover::after{color:var(--ink)}

.auto-preview-unified{display:grid!important;gap:6px!important;padding:12px 14px!important;border:1px solid color-mix(in srgb,var(--line) 90%,white 10%)!important;border-radius:12px!important;background:color-mix(in srgb,var(--panel-2) 72%,white 2%)!important;border-left:3px solid color-mix(in srgb,var(--accent) 55%,var(--line))!important}
.auto-preview-unified b{font-size:12px!important}
.auto-preview-unified span,.auto-preview-unified small{font-size:10.5px!important;line-height:1.45!important;color:var(--muted)!important}

.results-layout>.result-card,.final-assembly-card,.notes-card{margin-top:18px!important}
.acoustic-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin:0 0 12px!important;padding:0 2px!important}
#result-card-1{border-radius:18px!important;overflow:hidden}
#result-card-1>.section-head{margin-bottom:12px!important}
.acoustic-zone-tabs{justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;flex-wrap:nowrap!important}
.acoustic-zone-tab{min-height:42px!important;padding:7px 13px 7px 9px!important;border-radius:12px!important;background:var(--panel)!important;opacity:1!important}
.acoustic-zone-tab.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,white 3%),color-mix(in srgb,var(--accent) 8%,var(--panel)))!important}

.result-speaker-card-v2{grid-template-columns:96px minmax(320px,1fr) minmax(220px,.38fr)!important;gap:18px!important;align-items:center!important;background:#fff!important}
body[data-theme="dark"] .result-speaker-card-v2{background:color-mix(in srgb,var(--panel) 96%,white 4%)!important}
.result-speaker-card-v2 .product-icon{width:88px!important;height:88px!important;padding:7px!important;background:#fff!important}
.result-speaker-techline{gap:8px 9px!important;margin-top:10px!important}
.result-speaker-techline span{padding:7px 9px!important;border-radius:10px!important}
.result-speaker-techline span b{font-size:10px!important;font-weight:800!important;color:var(--muted)!important}
.result-speaker-techline span strong{font-size:12px!important;font-weight:700!important}
.result-speaker-side{align-self:stretch!important}
.result-data-quality{justify-self:end!important;max-width:250px!important;padding:6px 8px!important}
.result-data-quality .data-quality{font-size:10px!important;padding:4px 8px!important}
.result-data-quality small{font-size:9.5px!important;line-height:1.35!important}
.result-commerce{margin-top:auto!important;display:grid!important;justify-items:end!important;align-content:end!important;text-align:right!important}
.result-commerce strong{font-size:19px!important;line-height:1.15!important}
.result-commerce small{font-size:10px!important;line-height:1.35!important}

.visual-title,.visual-title-actions .view3d-select-label,.plan-heatmap-toggle,.speaker-layout-edit-toggle{border-radius:12px!important}
.visual-title{align-items:flex-start!important;gap:12px!important;margin-bottom:10px!important}
.plan-title-left{display:flex!important;align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
.linked-visual-label{display:block!important;width:100%!important;font-size:12px!important;line-height:1.4!important;color:var(--muted)!important;white-space:normal!important;order:3!important;margin:2px 0 0 2px!important}
.visual-title-actions{gap:10px!important}
.visual-title-actions .view3d-select-label{display:flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:0 12px!important;background:var(--panel)!important;border:1px solid var(--line)!important}
.visual-title-actions select{border:0!important;background:transparent!important;padding:0!important;font-weight:800!important;box-shadow:none!important}
.plan-heatmap-toggle{background:linear-gradient(90deg,rgb(243,176,69) 0%,rgb(224,130,45) 35%,rgb(133,67,164) 78%,rgb(71,47,136) 100%)!important;color:#fff!important;border:0!important;min-width:150px!important;justify-content:center!important}
.plan-heatmap-toggle:not(.active){opacity:.85!important}
.speaker-layout-edit-toggle{min-height:40px!important;padding:10px 14px!important}
.speaker-layout-edit-toggle.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important;color:var(--accent)!important}
.plan-drag-note{margin:2px 0 9px 2px;font-size:12px!important;line-height:1.45!important;color:var(--muted)!important}
.plan-drag-note.is-editing{color:color-mix(in srgb,var(--accent) 72%,var(--ink))!important;font-weight:750!important}
.speaker-position-badge{position:absolute;left:50%;top:100%;transform:translate(-50%,8px);display:block;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--panel) 94%,white 6%);border:1px solid color-mix(in srgb,var(--line) 88%,transparent);box-shadow:0 6px 18px rgba(0,0,0,.10);font-size:9.5px!important;line-height:1.2!important;color:var(--ink)!important;white-space:nowrap;pointer-events:none;z-index:4}
.speaker-dot.dragging .speaker-position-badge{box-shadow:0 8px 22px rgba(0,0,0,.16)}

.plan-map-column>.plan-heatmap-legend{margin-top:10px!important;border-radius:12px!important;padding:10px 12px!important}
.footer.footer-compact{margin-top:12px!important;padding:8px 2px 2px!important;gap:6px 14px!important;min-height:0!important}

.assembly-image,.assembly-line .assembly-image{width:100px!important;height:86px!important;display:grid!important;place-items:center!important}
.assembly-image img,.assembly-line .assembly-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}

@media(max-width:1180px){
  .project-left-rail .result-section-nav{position:sticky!important;top:66px!important}
}
@media(max-width:900px){
  .zone-manager{grid-template-columns:1fr!important}
  .result-speaker-card-v2{grid-template-columns:76px 1fr!important}
  .result-speaker-side{grid-column:2!important;justify-self:stretch!important}
  .result-commerce{justify-items:start!important;text-align:left!important}
}


/* --- v0.76.8 targeted polish --- */
.zone-manager{grid-template-columns:1fr!important;gap:12px!important}
.zone-manager-copy{display:none!important}
.zone-nav,.acoustic-zone-tabs{justify-content:flex-start!important;align-items:center!important}
.zone-manager.multi-zone-manager .zone-chip,.acoustic-zone-tab{background:#fff!important;opacity:1!important;border:1px solid color-mix(in srgb,var(--line) 86%,white 14%)!important}
body[data-theme='dark'] .zone-manager.multi-zone-manager .zone-chip,body[data-theme='dark'] .acoustic-zone-tab{background:color-mix(in srgb,var(--panel) 94%,white 6%)!important}
.zone-manager.multi-zone-manager .zone-chip.active,.acoustic-zone-tab.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,white 3%),color-mix(in srgb,var(--accent) 9%,#fff))!important;border-color:color-mix(in srgb,var(--accent) 62%,var(--line))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)!important}
.zone-manager.multi-zone-manager .zone-chip.active b,.acoustic-zone-tab.active b{color:var(--accent)!important}
.acoustic-section-head{display:block!important;margin:0 0 12px!important;padding:0!important}
.acoustic-section-head .section-single-title{margin-bottom:10px!important}
.acoustic-section-head .acoustic-zone-tabs{padding:14px 14px 12px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:color-mix(in srgb,var(--panel) 97%,white 3%)!important}
.zone-result-head span{display:none!important}
.result-speaker-card-v2{grid-template-columns:110px minmax(320px,1fr) minmax(250px,.42fr)!important;align-items:start!important}
.result-speaker-card-v2 .product-icon{width:98px!important;height:98px!important}
.result-speaker-techline{gap:6px 7px!important;margin-top:12px!important}
.result-speaker-techline span{padding:6px 8px!important;border-radius:9px!important}
.result-speaker-techline span b{font-size:9px!important;letter-spacing:.08em!important}
.result-speaker-techline span strong{font-size:11px!important;font-weight:650!important}
.result-data-quality{padding:5px 8px!important;max-width:236px!important;justify-self:end!important}
.result-commerce{padding-top:8px!important}
.result-commerce strong{font-size:18px!important}
.result-commerce .availability-badge{margin-top:8px!important}
.alternative-price strong{display:block!important}
.alternative-price small{display:block!important;margin-top:4px!important}
.plan-toolbar{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important}
.plan-title-left,.visual-title-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.plan-toolbar .mini-button,.plan-toolbar .view3d-select-label{min-height:42px!important;padding:0 14px!important;border-radius:12px!important;display:flex!important;align-items:center!important}
.plan-toolbar .view3d-select-label{background:var(--panel)!important;border:1px solid var(--line)!important}
.linked-visual-label{display:none!important}
.plan-drag-note{text-align:center!important;margin:6px 0 12px!important}
button#calculate.needs-recalc{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent),0 12px 24px rgba(242,139,46,.22)!important}
button#calculate.is-busy{opacity:.92!important}
.footer.footer-compact{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;margin-top:8px!important;padding:4px 0 8px!important;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)!important;min-height:0!important}
.footer.footer-compact>*{margin:0!important;font-size:10px!important;line-height:1.3!important}


/* v0.76.9 layout corrections */
.section-title-row.section-title-inline{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;margin:0 0 8px!important;padding:0 2px!important}
.section-inline-note{margin:0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.45!important}
.zones-section .section-single-title,.acoustic-title-row .section-single-title{margin:0!important}
.zone-manager,.acoustic-zone-manager{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 12px!important}
.zone-manager-copy{display:none!important}
.zone-manager-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important}
.zone-nav,.acoustic-zone-tabs{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
.zone-chip-wrap{flex:0 0 auto}
.zone-manager.multi-zone-manager{position:static!important;top:auto!important;z-index:auto!important;backdrop-filter:none!important}
.zone-manager.multi-zone-manager .zone-chip,.acoustic-zone-tab{display:inline-flex!important;align-items:center!important;min-height:40px!important;padding:8px 13px!important;border-radius:11px!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--line) 88%,white 12%)!important;opacity:1!important;box-shadow:none!important}
body[data-theme='dark'] .zone-manager.multi-zone-manager .zone-chip,body[data-theme='dark'] .acoustic-zone-tab{background:color-mix(in srgb,var(--panel) 96%,white 4%)!important}
.zone-manager.multi-zone-manager .zone-chip.active,.acoustic-zone-tab.active{background:var(--accent)!important;border-color:var(--accent)!important;box-shadow:none!important}
.zone-manager.multi-zone-manager .zone-chip.active b,.acoustic-zone-tab.active b,.zone-manager.multi-zone-manager .zone-chip.active span,.acoustic-zone-tab.active span{color:#fff!important}
.zone-manager.multi-zone-manager .zone-chip span,.acoustic-zone-tab span{width:22px!important;height:22px!important;border-radius:999px!important;background:color-mix(in srgb,var(--accent) 90%,white 10%)!important;color:#fff!important;margin-right:8px!important}
.zone-manager.multi-zone-manager .zone-chip.active span,.acoustic-zone-tab.active span{background:rgba(255,255,255,.2)!important}
.zone-manager.multi-zone-manager .zone-chip b,.acoustic-zone-tab b{font-size:12px!important;line-height:1.2!important}
.add-zone-button{min-height:40px!important;padding:8px 14px!important;border-radius:11px!important;box-shadow:none!important}
.zone-card-head{padding-top:14px!important;padding-bottom:14px!important}
.zone-card-head .zoneName{font-size:20px!important;font-weight:850!important;line-height:1.15!important}
.zoneNameEdit{margin-right:6px!important}
.acoustic-title-row{margin-top:0!important;margin-bottom:8px!important}
.acoustic-zone-manager{margin-bottom:10px!important}
#result-card-1{padding-top:22px!important}
.plan-toolbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
.plan-title-left,.visual-title-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.plan-toolbar .mini-button,.plan-toolbar .view3d-select-label{min-height:42px!important;height:42px!important;padding:0 14px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
.plan-toolbar .view3d-select-label{background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:0 4px 10px rgba(0,0,0,.05)!important}
.plan-toolbar .view3d-select-label select{height:100%!important;border:0!important;background:transparent!important;padding-left:8px!important}
.plan-toolbar .speaker-layout-select-wrap{min-width:260px!important;justify-content:space-between!important}
.plan-toolbar .linked-display-inline{min-width:250px!important;justify-content:space-between!important}
.plan-toolbar .threshold-inline{min-width:195px!important;justify-content:space-between!important}
.plan-heatmap-toggle{min-width:154px!important;margin-left:0!important}
.visual-title{padding-top:8px!important}
.zones-section>.section-title-row,.acoustic-title-row{padding-top:2px!important;padding-bottom:2px!important}
body[data-theme='light'] .zones-section,body[data-theme='light'] #result-card-1{background:transparent!important}
@media(max-width:900px){.section-title-row.section-title-inline{flex-direction:column!important;align-items:flex-start!important}.plan-toolbar .speaker-layout-select-wrap,.plan-toolbar .linked-display-inline,.plan-toolbar .threshold-inline{min-width:0!important;width:auto!important}}


/* --- v0.76.10 focused UI corrections --- */
.brand-wrap{gap:22px!important}

.section-title-row.section-title-inline{align-items:flex-end!important;gap:16px!important}
.section-inline-note{font-size:12.5px!important;line-height:1.35!important;margin:0 0 2px!important;color:var(--muted)!important}

.zones-section .zone-manager,.acoustic-zone-manager{
  position:sticky!important;top:76px!important;z-index:74!important;
  background:color-mix(in srgb,var(--panel) 97%,white 3%)!important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  border-radius:16px!important;padding:9px 11px!important;margin:0 0 12px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.06)!important;backdrop-filter:blur(12px)!important;
}
body[data-theme="light"] .zones-section .zone-manager,body[data-theme="light"] .acoustic-zone-manager{background:#fff!important}
.zone-manager-actions{width:100%!important}

.result-speaker-main{min-width:0!important}
.result-speaker-techline{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;margin-top:9px!important;overflow:visible!important}
.result-speaker-techline>span{display:flex!important;align-items:baseline!important;gap:4px!important;white-space:nowrap!important;padding:5px 7px!important;border-radius:8px!important;min-width:0!important}
.result-speaker-techline>span b{font-size:9.5px!important;font-weight:750!important;letter-spacing:.025em!important}
.result-speaker-techline>span strong{font-size:11px!important;font-weight:700!important;line-height:1.2!important}
.result-total-price{display:block!important;margin-top:4px!important;font-size:11px!important;color:var(--ink)!important}
.result-total-price b{font-size:12px!important;color:var(--ink)!important}
@media(max-width:1160px){.result-speaker-techline{flex-wrap:wrap!important}}

.plan-toolbar{gap:8px!important}
.plan-title-left,.visual-title-actions{gap:8px!important}
.plan-toolbar .mini-button,.plan-toolbar .view3d-select-label{height:40px!important;min-height:40px!important;padding:0 11px!important;font-size:11px!important;font-weight:800!important;gap:5px!important}
.plan-toolbar .view3d-select-label select{width:auto!important;min-width:0!important;max-width:220px!important;height:38px!important;padding:0 22px 0 0!important;margin:0!important;font-size:11px!important;font-weight:800!important}
.plan-toolbar .speaker-layout-select-wrap,.plan-toolbar .linked-display-inline,.plan-toolbar .threshold-inline{min-width:0!important;width:auto!important;justify-content:flex-start!important}
.plan-heatmap-toggle{min-width:138px!important;font-size:11px!important}

.audio-copy>b{display:block!important;white-space:normal!important}
.audio-copy>b>span,.audio-copy>b>span>strong,.audio-copy .listener-db-value{display:inline!important;white-space:nowrap!important}
.audio-copy .listener-db-value{font-size:inherit!important}

.zone-advanced-detail>summary{justify-content:flex-start!important;list-style:none!important;padding:10px 2px!important;gap:8px!important}
.zone-advanced-detail>summary::-webkit-details-marker{display:none!important}
.zone-advanced-detail>summary::after{content:none!important;display:none!important}
.zone-advanced-detail>summary::before{content:'▶';display:inline-block!important;width:16px!important;font-size:14px!important;line-height:1!important;color:var(--ink)!important;transform-origin:center;transition:transform .15s ease}
.zone-advanced-detail[open]>summary::before{transform:rotate(90deg)}

@media(max-width:780px){.brand-wrap{gap:12px!important}.section-title-row.section-title-inline{align-items:flex-start!important}.section-inline-note{font-size:11.5px!important;margin-bottom:0!important}.zones-section .zone-manager,.acoustic-zone-manager{top:62px!important}}


/* --- v0.76.11 targeted corrections --- */
#result-card-1{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.acoustic-title-row{margin-bottom:8px!important}
.acoustic-zone-manager{position:sticky!important;top:76px!important;z-index:74!important;margin:0 0 12px!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;border-radius:16px!important;padding:9px 11px!important;box-shadow:0 8px 22px rgba(0,0,0,.06)!important}
body[data-theme="dark"] .acoustic-zone-manager{background:color-mix(in srgb,var(--panel) 97%,white 3%)!important}
.acoustic-results-card{padding:18px!important;border-radius:16px!important;overflow:visible!important}
.acoustic-results-card .zone-result:first-child .zone-result-head{margin-top:0!important}

/* Recommended specifications mirror alternative cards. */
.result-speaker-techline{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important;overflow:visible!important}
.result-speaker-techline>div{min-width:0!important;padding:7px 8px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel-2)!important}
.result-speaker-techline>div span{display:block!important;font-size:9.5px!important;font-weight:750!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.025em!important;white-space:nowrap!important}
.result-speaker-techline>div strong{display:block!important;margin-top:2px!important;font-size:11px!important;line-height:1.2!important;font-weight:800!important;color:var(--ink)!important;white-space:nowrap!important}
@media(max-width:1180px){.result-speaker-techline{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){.result-speaker-techline{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.result-commerce{display:grid!important;justify-items:end!important;gap:5px!important;text-align:right!important;padding-top:10px!important}
.result-commerce>strong{font-size:16px!important;line-height:1.2!important}
.result-total-price{margin:0!important;font-size:10.5px!important;line-height:1.35!important;color:var(--muted)!important}
.result-commerce .availability-badge{margin:2px 0 0!important}

.alternative-price{grid-template-columns:auto 1fr auto!important}
.alternative-price .alternative-availability{grid-column:3!important;grid-row:1/3!important;align-self:center!important;margin:0!important}

/* Exact X/Y editor for manually placed speakers. */
.speaker-position-badge{pointer-events:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.speaker-position-open{border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--panel) 96%,white 4%);color:var(--ink);border-radius:999px;padding:4px 8px;font-size:9.5px;font-weight:750;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.10);cursor:text}
.speaker-position-editor{position:absolute;left:50%;top:30px;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:5px;padding:7px;border-radius:10px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.18);white-space:nowrap}
.speaker-position-editor label{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:800;color:var(--muted)}
.speaker-position-editor input{width:62px;height:28px;border:1px solid var(--line);border-radius:7px;background:var(--field-bg,var(--panel));color:var(--ink);padding:3px 5px;font-size:10px}
.speaker-position-apply{height:28px;border:0;border-radius:7px;background:var(--accent);color:#fff;font-size:9px;font-weight:850;padding:0 8px;cursor:pointer}
.speaker-position-editor.invalid{border-color:var(--red)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 18%,transparent)!important}

/* One physical room boundary only. */
.room-map.circle-room{border:2px solid var(--line-2)!important;box-shadow:none!important}
.room-map.circle-room .room-wall-outline{display:none!important}


/* --- v0.76.13 recommended / alternative card alignment --- */
.result-speaker-card-v2 .product-icon{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.result-speaker-card-v2 .product-icon img{border-radius:0!important}

/* Recommended technical parameters use exactly the same card treatment as alternatives. */
.result-speaker-techline.alternative-compare{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important}
.result-speaker-techline.alternative-compare>div{min-width:0!important;padding:7px 8px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel-2)!important}
.result-speaker-techline.alternative-compare>div>span{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:9.5px!important;font-weight:750!important;line-height:1.2!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.025em!important;white-space:nowrap!important}
.result-speaker-techline.alternative-compare>div>strong{display:block!important;margin-top:2px!important;font-size:11px!important;line-height:1.2!important;font-weight:800!important;color:var(--ink)!important;white-space:nowrap!important}
@media(max-width:1180px){.result-speaker-techline.alternative-compare{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){.result-speaker-techline.alternative-compare{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Recommended price hierarchy. */
.result-commerce{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-end!important;gap:3px!important;padding-top:4px!important;margin-top:auto!important;text-align:right!important}
.result-price-main{display:flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:6px!important;white-space:nowrap!important}
.result-price-main>span{font-size:9.5px!important;font-weight:800!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.result-price-main>strong{font-size:16px!important;line-height:1.15!important;color:var(--ink)!important}
.result-total-price{font-size:11.5px!important;font-weight:750!important;line-height:1.3!important;color:var(--ink)!important;margin:1px 0 0!important}
.result-pack-note{font-size:9.5px!important;line-height:1.25!important;color:var(--muted)!important;margin:0!important}
.result-commerce>.availability-badge{margin-top:4px!important}

/* Alternative footer stays aligned at the bottom of every card. */
.alternative-card-v2 .alternative-copy{height:100%!important;grid-template-rows:auto auto auto 1fr!important}
.alternative-footer-row{margin-top:auto!important;align-self:end!important;width:100%!important;align-items:end!important}
.alternative-action{align-self:end!important;justify-content:flex-end!important;margin:0!important}
.alternative-use{align-self:end!important}

/* Alternative price is left aligned and follows the same two-level hierarchy. */
.alternative-price{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:3px!important;min-width:0!important}
.alternative-price-main{display:flex!important;align-items:baseline!important;gap:6px!important;min-width:0!important;white-space:nowrap!important}
.alternative-price-main>span{font-size:9.5px!important;font-weight:800!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.alternative-price-main>strong{font-size:12px!important;line-height:1.2!important;color:var(--ink)!important}
.alternative-price.unavailable .alternative-price-main>strong{color:var(--muted)!important}
.alternative-price>small{display:block!important;margin:0!important;font-size:10.5px!important;line-height:1.3!important;color:var(--muted)!important}
.alternative-pack-note{font-size:9.5px!important}
.alternative-price .alternative-availability{position:static!important;align-self:flex-start!important;margin:2px 0 0!important;grid-column:auto!important;grid-row:auto!important}
@media(max-width:900px){.result-commerce{align-items:flex-start!important;text-align:left!important}.result-price-main{justify-content:flex-start!important}}


/* --- v0.76.14 typography and electrical hierarchy --- */
/* One shared specification style for Recommended and Alternatives. */
.alternative-compare>div,
.result-speaker-techline.alternative-compare>div{
  min-width:0!important;
  padding:7px 8px!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:var(--panel-2)!important;
}
.alternative-compare>div>span,
.result-speaker-techline.alternative-compare>div>span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:750!important;
  color:var(--muted)!important;
  text-transform:uppercase!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
.alternative-compare>div>strong,
.result-speaker-techline.alternative-compare>div>strong{
  display:block!important;
  margin-top:2px!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:var(--ink)!important;
  white-space:nowrap!important;
}
/* Availability badges in Recommended and Alternative cards match the 10 px Recommended badge. */
.result-commerce>.availability-badge,
.alternative-price .alternative-availability{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  padding:4px 8px!important;
}

/* Output summary sits immediately after zone name. */
.amp-zone-usage-head{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:baseline!important;
  gap:0!important;
  padding:0 2px 8px!important;
}
.amp-zone-usage-head>strong{
  display:block!important;
  font-size:14px!important;
  line-height:1.35!important;
  color:var(--ink)!important;
}
.amp-zone-usage-head>strong>span{
  display:inline!important;
  margin-left:3px!important;
  font-size:11px!important;
  line-height:inherit!important;
  font-weight:500!important;
  color:var(--muted)!important;
}

/* High-Z power-group title: one orange sentence. */
.electrical-group-head>div{display:block!important}
.electrical-group-head .electrical-group-title{
  display:block!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:850!important;
  color:var(--accent)!important;
}

/* Compact footer: less vertical space, slightly larger text. */
.shell{padding-bottom:22px!important}
.footer.footer-compact{
  margin-top:5px!important;
  padding:5px 0 0!important;
  min-height:0!important;
  gap:8px 16px!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.footer.footer-compact>*{
  margin:0!important;
  font-size:11px!important;
  line-height:1.25!important;
}


/* --- v0.76.15 exact typography/state/output alignment --- */
/* Force Recommended and Alternative spec cards to share the exact same final typography. */
.acoustic-alternative-cards .alternative-card-v2 .alternative-copy .alternative-compare>div>span,
.result-speaker-card-v2 .result-speaker-main .result-speaker-techline.alternative-compare>div>span{
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.025em!important;
  color:var(--muted)!important;
}
.acoustic-alternative-cards .alternative-card-v2 .alternative-copy .alternative-compare>div>strong,
.result-speaker-card-v2 .result-speaker-main .result-speaker-techline.alternative-compare>div>strong{
  font-size:14.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:var(--ink)!important;
}

/* Price/availability columns keep a stable vertical rhythm even when price is unavailable. */
.alternative-card-v2 .alternative-price{min-height:78px!important;justify-content:flex-start!important}
.alternative-card-v2 .alternative-footer-row{align-items:flex-end!important}

/* Calculate button lifecycle. */
#calculate.is-complete{opacity:1!important}

/* High-Z group title is deliberately black, not accent orange. */
.electrical-group-head .electrical-group-title{color:var(--ink)!important}

/* Output line: channel label and watts are one larger sentence, followed by the device block. */
.output-line.output-line-rich{
  grid-template-columns:minmax(245px,auto) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
.output-line-rich>.output-channel-load{
  display:block!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
  color:var(--ink)!important;
  white-space:nowrap!important;
}
.output-line-rich>.output-channel-load>span{
  display:inline!important;
  padding:0!important;
  font-size:14px!important;
  line-height:inherit!important;
  font-weight:800!important;
  color:var(--ink)!important;
}
.output-line-rich .output-device b,
.output-line-rich .output-device em{
  color:var(--ink)!important;
}
.output-line-rich .output-device b{font-size:12px!important;font-weight:800!important}
.output-line-rich .output-device em{font-size:11px!important;font-weight:600!important}

/* Give the closed Notes block a little breathing room before the footer. */
.notes-card{margin-bottom:54px!important}


/* v0.76.16 - dedicated PDF report. Screen UI remains unchanged. */
#printReport{display:none}
/* PDF report. Page setup and hiding the app are print-only; the report's own styling also applies
   while it is measured off-screen (body.pdf-measuring) so the table of contents gets real page numbers. */
@media print{
  @page{size:A4 portrait;margin:10mm 10mm 14mm;@bottom-right{content:"Strana " counter(page) " / " counter(pages);font:7pt Arial,Helvetica,sans-serif;color:#8a8d91}@bottom-left{content:"AUDIO Calculator";font:7pt Arial,Helvetica,sans-serif;color:#8a8d91}}
  @page:first{@bottom-right{content:none}@bottom-left{content:none}}
  body.print-report{background:#fff!important;color:#111!important;font-family:Arial,Helvetica,sans-serif!important}
  body.print-report>*:not(#printReport){display:none!important}
  body.print-report #printReport{display:block!important}
}
body.pdf-measuring #printReport{display:block!important;position:absolute!important;left:-10000px!important;top:0!important;width:190mm!important;font-family:Arial,Helvetica,sans-serif!important;color:#111!important;visibility:hidden!important}
@media all{
  body.print-report #printReport{--bg:#fff;--bg-2:#f7f7f8;--panel:#fff;--panel-2:#f7f7f8;--panel-3:#eff0f1;--ink:#242528;--muted:#66696d;--soft:#8a8d91;--line:#d8dadd;--line-2:#c7c9cd;--field:#fff;--field-hover:#fafafa;--grid:rgba(70,72,76,.055);--plan:#fbfbfb;--wall:#566874;--listener-card-bg:#e7f6ec;--listener-card-border:#9dcbae;--listener-card-value:#173424;--listener-card-label:#24754b;--listener-card-sub:#536b5b;width:auto!important;margin:0!important;padding:0!important;color:#111!important;background:#fff!important}
  body.print-report #printReport *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important}
  body.print-report .pdf-page{position:relative;min-height:0;box-sizing:border-box;break-after:page;page-break-after:always;padding:0;margin:0;background:#fff!important;color:#111!important}
  body.print-report .pdf-page:last-child{break-after:auto;page-break-after:auto}
  body.print-report .pdf-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10mm;border-bottom:1.2px solid #d9dde1;padding:0 0 4mm;margin:0 0 5mm}
  body.print-report .pdf-page-head span{font-size:9pt;font-weight:800;color:#f07a2b;text-transform:uppercase;letter-spacing:.05em}
  body.print-report .pdf-page-head h2{margin:0;font-size:20pt;line-height:1.05;color:#101820;text-align:right}
  body.print-report .pdf-cover-page{display:flex;flex-direction:column;min-height:268mm;padding:7mm 6mm 3mm}
  body.print-report .pdf-cover-brand{display:grid;grid-template-columns:44mm 1fr;align-items:center;gap:8mm;margin-top:5mm}
  body.print-report .pdf-cover-brand img{width:44mm;height:auto;object-fit:contain}
  body.print-report .pdf-cover-brand h1{font-size:21pt;line-height:1.1;margin:0 0 4mm;color:#101820}
  body.print-report .pdf-cover-brand strong{font-size:16pt;color:#f07a2b}
  body.print-report .pdf-cover-rule{height:2px;background:#f07a2b;margin:10mm 0 8mm}
  body.print-report .pdf-toc{max-width:none}
  body.print-report .pdf-toc h2{font-size:17pt;margin:0 0 5mm}
  body.print-report .pdf-toc-group{border-bottom:1px solid #e5e7e9;padding:3mm 0}
  body.print-report .pdf-toc a{color:#101820!important;text-decoration:none!important}
  body.print-report .pdf-toc-main{display:flex;align-items:center;gap:3mm;font-size:12pt;font-weight:800}
  body.print-report .pdf-toc-main b{display:inline-grid;place-items:center;width:8mm;height:8mm;border-radius:2.3mm;background:#f07a2b;color:#fff;font-size:9pt}
  body.print-report .pdf-toc-group>div{display:flex;flex-wrap:wrap;gap:2mm 6mm;padding:2mm 0 0 11mm}
  body.print-report .pdf-toc-group>div a{font-size:9.5pt;color:#4e5a63!important}
  body.print-report .pdf-toc-group>div a span{font-weight:800;margin-right:1.5mm;color:#f07a2b}
  body.print-report .pdf-cover-meta{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #d9dde1;padding-top:3mm;font-size:8.5pt;color:#606a72}
  body.print-report .pdf-zone-overview{display:grid;grid-template-columns:1fr;gap:6mm;align-items:start}
  body.print-report .pdf-zone-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5mm 3mm}
  body.print-report .pdf-zone-fields>div{border:1px solid #d8dde1;border-radius:2.5mm;padding:3mm 3.5mm;background:#fafafa}
  body.print-report .pdf-zone-fields span{display:block;font-size:7.5pt;text-transform:uppercase;letter-spacing:.04em;color:#68727a;margin-bottom:1mm}
  body.print-report .pdf-zone-fields strong{font-size:10.5pt;color:#111}
  body.print-report .pdf-zone-shape .shape-preview-wrap{height:150mm!important;min-height:150mm!important;margin:0!important;border:1px solid #d8dde1!important;background:#fff!important;border-radius:3mm!important;padding:3mm!important;overflow:hidden!important}
  body.print-report .pdf-zone-shape .shape-preview-head{padding:1mm 1.5mm 2mm!important;margin:0!important;border:0!important}
  body.print-report .pdf-zone-shape .shapePreview{height:138mm!important;min-height:138mm!important;width:100%!important}
  body.print-report .pdf-acoustic-page{padding-bottom:0;display:flex;flex-direction:column;height:268mm;overflow:hidden}
  body.print-report .pdf-acoustic-speaker{margin-bottom:4mm}
  body.print-report .pdf-acoustic-speaker .result-speaker-card-v2{border:1px solid #d8dde1!important;border-radius:3mm!important;padding:3mm!important;background:#fff!important;min-height:auto!important;display:grid!important;grid-template-columns:20mm minmax(0,1fr) 44mm!important;gap:3mm!important;align-items:center!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-side{grid-column:auto!important;justify-self:stretch!important;display:grid!important;gap:2mm!important}
  body.print-report .pdf-acoustic-speaker .result-commerce{justify-items:end!important;text-align:right!important}
  body.print-report .pdf-acoustic-speaker .result-data-quality{padding:2mm!important;font-size:7pt!important;line-height:1.3!important}
  body.print-report .pdf-acoustic-speaker .recommendation-badge{font-size:6.5pt!important;padding:.8mm 2mm!important;margin-bottom:1.2mm!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-main strong:first-of-type{font-size:13pt!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-card-v2 .product-icon{width:22mm!important;height:22mm!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-techline{display:flex!important;flex-wrap:wrap!important;gap:1.5mm!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-techline>span,body.print-report .pdf-acoustic-speaker .result-speaker-techline>div{padding:1mm 1.8mm!important;min-width:0!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-card-v2 .result-speaker-main .result-speaker-techline.alternative-compare>div>b,body.print-report .pdf-acoustic-speaker .result-speaker-card-v2 .result-speaker-main .result-speaker-techline.alternative-compare>div>span{font-size:6pt!important;letter-spacing:.02em!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-card-v2 .result-speaker-main .result-speaker-techline.alternative-compare>div>strong{font-size:9pt!important}
  body.print-report .pdf-acoustic-speaker .result-commerce strong{font-size:10pt!important}
  body.print-report .pdf-acoustic-visuals{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr);gap:4mm;align-items:start}
  body.print-report .pdf-acoustic-visuals .pdf-three{grid-column:1/-1;align-self:stretch;display:flex;flex-direction:column;min-height:0}
  body.print-report .pdf-visual{min-width:0;border:1px solid #d8dde1;border-radius:3mm;padding:2.5mm;background:#fff!important;break-inside:avoid}
  body.print-report .pdf-visual>h3{margin:0 0 2mm;font-size:9pt;color:#101820}
  body.print-report .pdf-plan .room-map{max-width:100%!important;min-height:0!important;height:auto!important;margin-inline:auto!important}
  body.print-report .pdf-plan .room-map.circle-room{width:min(100%,92mm)!important;aspect-ratio:1/1!important}
  body.print-report .pdf-plan .plan-heatmap-legend{padding:2mm!important;margin-top:2mm!important;font-size:6.5pt!important}
  body.print-report .pdf-plan .plan-heatmap-legend small{font-size:6pt!important;line-height:1.25!important}
  body.print-report .pdf-sections .sections-panel{display:grid!important;grid-template-columns:1fr!important;gap:2mm!important;border:0!important;padding:0!important;background:#fff!important}
  body.print-report .pdf-sections .section-wrap{margin:0!important}
  body.print-report .pdf-sections .section-view{--section-max-height:52mm;border:1px solid #e0e3e5!important}
  body.print-report .pdf-sections .section-label,body.print-report .pdf-sections .section-dim,body.print-report .pdf-sections .listener-height-dim span{font-size:6pt!important}
  body.print-report .pdf-three .pdf-visual-body{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
  body.print-report .pdf-3d-image{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
  body.print-report .pdf-plan .room-map .dim{white-space:nowrap!important}
  body.print-report .pdf-section-page .pdf-section-content>.result-card,body.print-report .pdf-section-page .pdf-section-content>.final-assembly-card,body.print-report .pdf-section-page .pdf-section-content>.notes-card{margin:0!important;border:0!important;padding:0!important;background:#fff!important}
  body.print-report .pdf-section-page .electrical-group,body.print-report .pdf-section-page .assembly-zone,body.print-report .pdf-section-page .assembly-line,body.print-report .pdf-notes-page .note-group{break-inside:avoid}
  body.print-report .pdf-section-page .assembly-line{display:grid!important;grid-template-columns:20mm minmax(0,1fr) 52mm!important;gap:4mm!important;align-items:center!important}
  body.print-report .pdf-section-page .assembly-line .assembly-image{grid-column:auto!important;width:20mm!important}
  body.print-report .pdf-section-page .assembly-line .assembly-commercial{grid-column:auto!important;justify-items:end!important;text-align:right!important}
  body.print-report .pdf-section-page .amp-output-details{display:block!important}
  body.print-report .pdf-section-page details>summary{display:none!important}
  body.print-report .pdf-section-page details>*{display:block!important}
  body.print-report .pdf-notes-page #notes{display:grid!important;grid-template-columns:1fr 1fr;gap:4mm!important}
  body.print-report .pdf-notes-page .note-group{border:1px solid #d8dde1;border-radius:3mm;padding:4mm!important;background:#fafafa!important}
  body.print-report .pdf-notes-page .note-group h4{font-size:10pt!important;margin:0 0 2mm!important}
  body.print-report .pdf-notes-page .note-item{font-size:8.5pt!important;line-height:1.4!important}
  body.print-report .listener-marker,body.print-report .section-listener,body.print-report .listener-head-icon,body.print-report .listener-plan-db{display:none!important}
}

/* v0.76.17 — sections are drawn at true scale: width/height = room span / ceiling height.
   The box keeps its former height as a maximum and narrows instead of stretching. */
/* Both sections share one height: the wider section must fit its column (container query width),
   the narrower one keeps that height and gets a proportionally smaller width. */
.section-wrap{container-type:inline-size}
.section-view[style*="--section-ratio"]{--section-max-height:220px;--section-h:min(var(--section-max-height),calc(100cqw / var(--section-max-ratio,var(--section-ratio))));height:var(--section-h)!important;min-height:0!important;aspect-ratio:auto!important;width:calc(var(--section-h) * var(--section-ratio))!important;max-width:100%!important;margin-inline:auto!important}
.section-view .section-slice-note{display:none!important}
@media(max-width:780px){.section-view[style*="--section-ratio"]{--section-max-height:200px}}

/* v0.76.18 — PDF report: restrained technical typography, to-scale markers, 3D fills its frame. */
@media all{
  body.print-report #printReport{font-size:8.5pt;line-height:1.35}
  body.print-report .pdf-page-head{padding:0 0 2.5mm;margin:0 0 4mm;border-bottom-width:.8px}
  body.print-report .pdf-page-head span{font-size:7pt;letter-spacing:.08em}
  body.print-report .pdf-page-head h2{font-size:13pt;font-weight:700;line-height:1.15}
  body.print-report .pdf-cover-brand{grid-template-columns:36mm 1fr;gap:7mm}
  body.print-report .pdf-cover-brand img{width:36mm}
  body.print-report .pdf-cover-brand h1{font-size:16pt;font-weight:700;margin:0 0 2.5mm}
  body.print-report .pdf-cover-brand strong{font-size:11pt;font-weight:600}
  body.print-report .pdf-cover-rule{height:1px;margin:8mm 0 7mm}
  body.print-report .pdf-toc h2{font-size:10pt;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4e5a63;margin:0 0 3mm}
  body.print-report .pdf-toc-group{padding:2.2mm 0}
  body.print-report .pdf-toc-main{font-size:10pt;font-weight:700;gap:2.5mm}
  body.print-report .pdf-toc-main b{width:5.5mm;height:5.5mm;border-radius:1.4mm;font-size:7pt}
  body.print-report .pdf-toc-group>div{gap:1.5mm 5mm;padding:1.4mm 0 0 8mm}
  body.print-report .pdf-toc-group>div a{font-size:8.5pt}
  body.print-report .pdf-toc-main{justify-content:flex-start}
  body.print-report .pdf-toc-group>div{display:grid!important;grid-template-columns:1fr;gap:1mm!important}
  body.print-report .pdf-toc-group>div a{display:flex;align-items:baseline}
  body.print-report .pdf-toc-page{margin-left:auto;padding-left:4mm;font-variant-numeric:tabular-nums;color:#4e5a63;font-weight:600}
  body.print-report .pdf-toc-main .pdf-toc-page{font-size:9pt;color:#101820}
  body.print-report .pdf-toc-group>div a span.pdf-toc-page{color:#4e5a63;font-weight:600;margin-right:0}
  body.print-report .pdf-cover-meta{font-size:7.5pt}
  body.print-report .pdf-zone-fields{gap:2mm}
  body.print-report .pdf-zone-fields>div{padding:2mm 2.6mm;border-radius:1.6mm}
  body.print-report .pdf-zone-fields span{font-size:6pt;margin-bottom:.6mm}
  body.print-report .pdf-zone-fields strong{font-size:8.5pt;font-weight:600}
  body.print-report .pdf-zone-shape .shape-preview-wrap{height:120mm!important;min-height:120mm!important;border-radius:1.6mm!important}
  body.print-report .pdf-zone-shape .shapePreview{height:110mm!important;min-height:110mm!important}
  body.print-report .pdf-zone-shape .shape-preview-head b{font-size:7pt!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.08em;color:#4e5a63!important}
  body.print-report .pdf-zone-shape svg text{font-size:6.5px!important;font-weight:600!important}
  body.print-report .pdf-visual{border-radius:1.6mm;padding:2mm}
  body.print-report .pdf-visual>h3{font-size:7pt;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4e5a63;margin:0 0 1.6mm}
  body.print-report .pdf-acoustic-speaker .result-speaker-card-v2{border-radius:1.6mm!important;padding:2.5mm!important;grid-template-columns:16mm minmax(0,1fr) 44mm!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-card-v2 .product-icon{width:16mm!important;height:16mm!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-main strong:first-of-type{font-size:10.5pt!important;font-weight:700!important}
  body.print-report .pdf-acoustic-speaker .recommendation-badge{font-size:5.5pt!important;padding:.5mm 1.5mm!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-card-v2 .result-speaker-main .result-speaker-techline.alternative-compare>div>b,body.print-report .pdf-acoustic-speaker .result-speaker-card-v2 .result-speaker-main .result-speaker-techline.alternative-compare>div>span{font-size:5pt!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-card-v2 .result-speaker-main .result-speaker-techline.alternative-compare>div>strong{font-size:7.5pt!important}
  body.print-report .pdf-acoustic-speaker .result-speaker-techline>div,body.print-report .pdf-acoustic-speaker .result-speaker-techline>span{padding:.7mm 1.4mm!important;border-radius:1.2mm!important}
  body.print-report .pdf-acoustic-speaker .result-data-quality{font-size:6pt!important;padding:1.5mm!important}
  body.print-report .pdf-acoustic-speaker .result-data-quality .data-quality{font-size:6pt!important;padding:.4mm 1.4mm!important}
  body.print-report .pdf-acoustic-speaker .result-commerce,body.print-report .pdf-acoustic-speaker .result-commerce small,body.print-report .pdf-acoustic-speaker .result-commerce span{font-size:6.5pt!important}
  body.print-report .pdf-acoustic-speaker .result-commerce strong{font-size:8.5pt!important}
  body.print-report .pdf-acoustic-speaker .availability-badge{font-size:6pt!important;padding:.4mm 1.6mm!important}
  body.print-report .pdf-plan .plan-heatmap-legend,body.print-report .pdf-plan .plan-heatmap-legend strong,body.print-report .pdf-plan .plan-heatmap-legend b{font-size:6pt!important}
  body.print-report .pdf-plan .plan-heatmap-legend small{font-size:5.5pt!important}
  body.print-report .pdf-plan .plan-heatmap-legend span{font-size:6pt!important;font-weight:600!important}
  body.print-report .pdf-plan .plan-heatmap-legend i{height:1.6mm!important;width:16mm!important}
  body.print-report .pdf-acoustic-speaker{margin:0 0 3mm!important}
  body.print-report .pdf-acoustic-speaker>*{margin:0!important}
  body.print-report .pdf-plan .room-map .dim{font-size:6.5pt!important;padding:.3mm 1mm!important}
  /* Plan: small to-scale-ish markers instead of 42px on-screen icons. */
  body.print-report .pdf-plan .room-map .speaker-dot{width:5mm!important;height:5mm!important;padding:.3mm!important;border-width:1px!important;box-shadow:none!important}
  body.print-report .pdf-plan .room-map .speaker-dot b{width:3mm!important;height:3mm!important;font-size:5pt!important;right:-1.6mm!important;top:-1.6mm!important;border-width:.6px!important}
  /* Sections: the same plain markers as in 3D — white disc, accent ring, number beside. */
  body.print-report .pdf-sections .pdf-section-caption{position:static!important;display:block!important;margin:0 0 .8mm!important;padding:0!important;background:none!important;font-size:5.5pt!important;font-weight:700!important;color:#4e5a63!important}
  body.print-report .pdf-sections .section-wrap+.section-wrap{margin-top:1.6mm!important}
  body.print-report .pdf-sections .section-speaker-icon{width:2.4mm!important;height:2.4mm!important;border:1.3px solid #f07a2b!important;background:#fff!important;box-shadow:none!important;border-radius:50%!important;filter:none!important}
  body.print-report .pdf-sections .section-speaker-icon img{display:none!important}
  body.print-report .pdf-sections .section-speaker-icon b{background:none!important;color:#242528!important;width:auto!important;height:auto!important;right:auto!important;left:3mm!important;top:-.3mm!important;font-size:5.5pt!important;font-weight:700!important;border:0!important}
  body.print-report .pdf-sections .section-label,body.print-report .pdf-sections .section-dim,body.print-report .pdf-sections .listener-height-dim span{font-size:5.5pt!important}
  /* 3D: the cropped image fills the frame height. */
  body.print-report .pdf-three .pdf-visual-body{align-items:stretch}
  /* Power, Assembly and Notes are clones of the screen UI: scale them down as a whole. */
  body.print-report .pdf-section-page .pdf-section-content{zoom:.72}
  body.print-report .pdf-notes-page .pdf-section-content{zoom:.85}
}

/* v0.76.20 — Souhrnné hodnocení: one status line + concrete, zone-linked findings. */
.system-assessment{display:grid;gap:10px}
.assessment-status{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--line-2);border-radius:10px;background:var(--panel-2)}
.assessment-status b{font-size:14px;font-weight:750;color:var(--ink)}
.assessment-status span{font-size:12px;color:var(--muted)}
.assessment-status.good{border-left-color:var(--green)}
.assessment-status.good b{color:var(--green)}
.assessment-status.warn{border-left-color:var(--accent)}
.assessment-status.warn b{color:var(--accent)}
.assessment-findings{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.assessment-findings li{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:14px;align-items:start;padding:10px 14px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:var(--panel)}
.assessment-findings li.info{border-left-color:var(--blue)}
.assessment-findings strong{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.assessment-findings small{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:var(--muted)}
.assessment-zone-link{font-size:13px;font-weight:750;color:var(--ink);text-decoration:none}
.assessment-zone-link::after{content:' →';color:var(--accent)}
.assessment-zone-link:hover{text-decoration:underline}
@media(max-width:780px){.assessment-findings li{grid-template-columns:1fr;gap:4px}}
@media all{body.print-report #printReport .assessment-zone-link::after{content:''}}

/* v0.76.22 — sections: caption above the drawing; speakers as plain markers like in 3D. */
.section-wrap>.section-caption{position:static!important;display:block;margin:0 0 5px;padding:0;background:none;font-size:10.5px!important;font-weight:700;color:var(--muted);line-height:1.35}
.section-view .section-speaker-icon{width:13px!important;height:13px!important;border:2px solid var(--accent)!important;border-radius:50%!important;background:var(--panel)!important;box-shadow:none!important;padding:0!important}
/* Markers on the ceiling or a wall are nudged inside the drawing instead of being cut in half. */
.section-view .section-speaker-icon{transform:translate(var(--tx,-50%),var(--ty,-50%))!important}
.room-map .speaker-dot{transform:translate(var(--tx,-50%),var(--ty,-50%))}
.section-view .section-speaker-icon img{display:none!important}
.section-view .section-speaker-icon b{position:absolute!important;left:15px!important;right:auto!important;top:-3px!important;width:auto!important;height:auto!important;background:none!important;border:0!important;color:var(--ink)!important;font-size:10px!important;font-weight:750!important;line-height:1!important}
.section-view .section-speaker-icon.listener-hit:not(.projected),.section-view .section-speaker-icon.listener-dominant:not(.projected){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)!important}

/* v0.76.25 — calculate button carries the progress (fill grows left → right) and the result state. */
#calculate{position:relative;overflow:hidden;transition:background-color .2s,border-color .2s,color .2s}
#calculate.is-busy{background:linear-gradient(90deg,var(--accent) 0 var(--progress,0%),color-mix(in srgb,var(--accent) 18%,var(--panel-2)) var(--progress,0%) 100%)!important;border-color:var(--accent)!important;color:var(--ink)!important;opacity:1!important;cursor:progress;box-shadow:none!important}
#calculate.is-complete{background:#2f9e66!important;border-color:#2f9e66!important;color:#fff!important;box-shadow:none!important}
#calculate.needs-recalc{background:#d64545!important;border-color:#d64545!important;color:#fff!important;box-shadow:none!important}
.calc-progress{display:none!important}

/* v0.76.27 listener drag: hand cursor instead of crosshair, grabbing while dragging; no text selection */
.interactive-listener-plane{cursor:grab!important;user-select:none;-webkit-user-select:none}
.interactive-listener-plane.is-dragging-listener,.interactive-listener-plane.is-dragging-listener *{cursor:grabbing!important}
.interactive-listener-plane .speaker-dot{cursor:pointer}

/* v0.76.30 product photos: a tall image inside a fixed square box was clipped because height:100% did not resolve in the grid box; flex + max-size keeps the whole photo visible */
.product-icon,.alternative-image,.speaker-preview-photo,.assembly-image{display:flex!important;align-items:center;justify-content:center}
.product-icon img,.alternative-image img,.speaker-preview-photo img,.assembly-image img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain}