: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}
}