:root{
  color-scheme:light;
  --bg:#f3f6f7;
  --panel:#ffffff;
  --panel2:#eef4f6;
  --line:#ccd9de;
  --line2:#9fb5be;
  --ink:#17232b;
  --muted:#607883;
  --cyan:#2c91aa;
  --cyan2:#17647a;
  --cyan-soft:#dceff4;
  --amber:#b06a18;
  --red:#b84b3d;
  --shadow:0 15px 34px rgba(23,35,43,.08);
  --radius:15px;
  font-family:Inter,ui-sans-serif,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}
body{
  background-color:var(--bg);
  background-image:linear-gradient(rgba(49,89,109,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(49,89,109,.065) 1px,transparent 1px);
  background-size:28px 28px;
  background-attachment:fixed;
}
button,input,select{font:inherit} button{cursor:pointer}
.app-header{
  display:grid;grid-template-columns:minmax(205px,.72fr) minmax(430px,1.7fr) minmax(240px,.72fr);gap:20px;align-items:center;
  padding:10px 22px 9px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);
  box-shadow:0 1px 0 rgba(255,255,255,.7),0 5px 18px rgba(23,35,43,.045)
}
.app-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,#0b1822 0 28%,var(--cyan) 28% 72%,var(--amber) 72% 100%)}
.brand{display:flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{width:44px;height:34px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:#f7fafb}.brand-mark svg{width:36px;height:24px;fill:none;stroke:var(--cyan);stroke-width:2.5}.brand strong{display:block;font-size:.72rem;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:.56rem;letter-spacing:.16em;margin-top:2px}
.app-id{display:flex;align-items:baseline;gap:13px;min-width:0}.app-id h1{flex:none;font-size:clamp(1.32rem,1.8vw,1.75rem);line-height:1;margin:0;letter-spacing:-.025em}.app-id p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.button{border:1px solid var(--line2);color:var(--ink);background:var(--panel2);border-radius:9px;padding:10px 13px;font-weight:700;font-size:.82rem;box-shadow:0 1px 0 rgba(255,255,255,.8)}.button:hover{border-color:var(--cyan);background:#e7f1f4}.button.primary{background:#0b1822;color:#fff;border-color:#0b1822}.button.primary:hover{background:#142a37;border-color:#142a37}.button.ghost{background:#fff}.button.small{padding:7px 10px;font-size:.75rem}.button.active,.button[aria-pressed="true"]{background:#dceff4;border-color:var(--cyan);color:var(--cyan2);box-shadow:inset 0 0 0 1px rgba(44,145,170,.18)}.button:disabled{opacity:.42;cursor:not-allowed}
.workspace{display:grid;grid-template-columns:minmax(310px,390px) minmax(540px,1fr);gap:18px;padding:18px;max-width:1800px;margin:0 auto}.panel{background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,251,252,.99));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.controls-panel{grid-row:span 2;padding:22px}.viewer-panel{padding:22px}.results-panel{padding:22px;grid-column:2}
.section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.section-title>span{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#0b1822;color:#fff;font-weight:900}.section-title h2{margin:0;font-size:1.08rem;letter-spacing:.01em}.section-title p{margin:.25rem 0 0;color:var(--muted);font-size:.8rem}.viewer-title{margin-bottom:10px}
.field-grid{display:grid;gap:11px;margin:12px 0}.field-grid.two{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:6px}.field>span,.field-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:800}.field input,.field select,.compact-select select{width:100%;border:1px solid var(--line2);background:#fff;color:var(--ink);border-radius:8px;padding:9px 10px;outline:none}.field input:focus,.field select:focus,.compact-select select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(44,145,170,.11)}.input-suffix{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line2);border-radius:8px;background:#fff;overflow:hidden}.input-suffix input{border:0;border-radius:0}.input-suffix b{padding:9px;color:var(--muted);font-size:.72rem;border-left:1px solid var(--line)}
.segment-wrap{margin:14px 0}.segmented{display:flex;padding:3px;background:#edf3f5;border:1px solid var(--line);border-radius:10px;gap:3px}.seg{flex:1;border:0;background:transparent;color:var(--muted);border-radius:7px;padding:8px 10px;font-size:.78rem;font-weight:800}.seg.active{background:#fff;color:var(--cyan2);box-shadow:inset 0 0 0 1px var(--line2),0 1px 3px rgba(23,35,43,.06)}.microcopy{font-size:.72rem;line-height:1.45;color:var(--muted);margin:.5rem 0 0}
.divider-box,.variant-box,.shop-note{border:1px solid var(--line);border-radius:11px;background:rgba(245,249,250,.9);padding:13px;margin-top:14px}.toggle-line{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.toggle-line input{position:absolute;opacity:0;pointer-events:none}.toggle-line>span:last-child{display:flex;flex-direction:column;gap:2px;font-size:.8rem}.toggle-line small{color:var(--muted);font-size:.69rem;line-height:1.35}.switch{width:34px;height:18px;border-radius:20px;border:1px solid var(--line2);background:#dce5e9;position:relative;flex:none;margin-top:1px}.switch:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#738d98;top:2px;left:2px;transition:.16s}.toggle-line input:checked+.switch{background:rgba(44,145,170,.18);border-color:var(--cyan)}.toggle-line input:checked+.switch:after{left:18px;background:var(--cyan)}.field.inline{display:grid;grid-template-columns:1fr 112px;align-items:center;margin-top:10px}.wall-toggle{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.variant-box{display:grid;gap:10px}.variant-actions{display:flex;gap:8px;flex-wrap:wrap}.compact{align-items:center}.organic-toggle{border-top:1px solid var(--line);padding-top:10px}.shop-note strong{color:var(--amber);font-size:.73rem;text-transform:uppercase;letter-spacing:.12em}.shop-note p{margin:.45rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}
.viewer-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:10px}.view-tabs{width:min(380px,60%)}.dimension-controls{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.compact-select{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.compact-select select{padding:7px 8px;width:auto}.view-unit-note{color:var(--muted);font-size:.66rem;letter-spacing:.03em}
.canvas-wrap{position:relative;background:#f7fafb;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:430px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.canvas-wrap:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(49,89,109,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(49,89,109,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.canvas-wrap canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;touch-action:none}.canvas-wrap #geometryCanvas{z-index:2}.canvas-wrap canvas[hidden]{display:none}.hover-readout,.drag-hint{position:absolute;z-index:3;pointer-events:none;background:rgba(255,255,255,.94);border:1px solid var(--line2);border-radius:8px;padding:7px 9px;color:var(--cyan2);font:700 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:0 7px 20px rgba(23,35,43,.08)}.hover-readout{left:12px;bottom:12px}.drag-hint{right:12px;bottom:12px;color:var(--muted)}
.slice-control{position:absolute;z-index:4;right:10px;top:50%;transform:translateY(-50%);width:58px;min-height:250px;padding:10px 6px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(23,35,43,.10);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font:700 .62rem ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}.slice-control[hidden]{display:none}.slice-control input[type=range]{writing-mode:vertical-lr;direction:rtl;appearance:auto;width:22px;height:184px;accent-color:var(--cyan)}.slice-control b{color:var(--cyan2);font-size:.60rem;text-align:center;line-height:1.25;letter-spacing:0;text-transform:none}.slice-control span{writing-mode:vertical-rl;transform:rotate(180deg)}
.shift-control{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.arrow-btn{width:34px;height:30px;border-radius:7px;border:1px solid var(--line2);background:#fff;color:var(--cyan2);font-size:1rem}.arrow-btn:hover{border-color:var(--cyan);background:#edf6f8}.shift-control b{color:var(--ink);font:700 .7rem ui-monospace,SFMono-Regular,Consolas,monospace}
.metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:17px}.metric{border:1px solid var(--line);border-radius:10px;background:#f7fafb;padding:10px}.metric span{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.metric strong{display:block;font-size:1.03rem;margin-top:4px;color:var(--cyan2)}.metric small{display:block;color:var(--muted);font-size:.65rem;margin-top:3px}.results-columns{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(380px,1.3fr);gap:16px}.results-columns h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--amber);margin:0 0 9px}.characteristics{display:grid;grid-template-columns:1fr auto;gap:0;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.characteristics dt,.characteristics dd{margin:0;padding:8px 10px;border-bottom:1px solid var(--line);font-size:.72rem}.characteristics dt{color:var(--muted)}.characteristics dd{text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.characteristics dt:last-of-type,.characteristics dd:last-of-type{border-bottom:0}.schedule-heading{display:flex;justify-content:space-between;align-items:end;gap:10px}.schedule-heading span{color:var(--muted);font-size:.65rem}.table-wrap{max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table{border-collapse:collapse;width:100%;font-size:.68rem}th,td{padding:6px 7px;border-bottom:1px solid #e2eaed;border-right:1px solid #e2eaed;text-align:right;white-space:nowrap}th{position:sticky;top:0;background:#eaf2f5;color:var(--cyan2);z-index:2}th:first-child,td:first-child{text-align:left;position:sticky;left:0;background:#f4f8f9;z-index:1}th:first-child{z-index:3}.assumption-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.assumption-grid article{border-top:1px solid var(--line);padding-top:10px}.assumption-grid strong{font-size:.72rem;color:var(--cyan2);text-transform:uppercase;letter-spacing:.1em}.assumption-grid p{font-size:.69rem;color:var(--muted);line-height:1.45;margin:.35rem 0 0}
.output-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-left:4px solid var(--cyan)}.stl-panel{border-left-color:var(--amber)}.report-panel h2{margin:.22rem 0 .35rem;font-size:1.15rem}.report-panel p{margin:0;max-width:850px;color:var(--muted);font-size:.78rem;line-height:1.5}.report-kicker{font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;color:var(--amber);font-weight:800}.report-button{min-width:210px;padding:12px 18px}
.app-footer{max-width:1800px;margin:0 auto;padding:18px 24px 28px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.68rem;letter-spacing:.04em}.disabled-look{opacity:.45;pointer-events:none}
@media(max-width:1100px){.app-header{grid-template-columns:minmax(0,1fr) auto;padding:9px 15px}.brand{display:none}.app-id{gap:10px}.header-actions{grid-column:2;grid-row:1}.workspace{grid-template-columns:1fr}.controls-panel,.viewer-panel,.results-panel,.output-grid{grid-column:1;grid-row:auto}.output-grid{grid-template-columns:1fr}.results-columns{grid-template-columns:1fr}.metric-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.app-header{position:static;grid-template-columns:1fr;padding:9px 12px}.app-id{gap:8px;align-items:baseline}.app-id h1{font-size:1.2rem}.app-id p{font-size:.68rem}.header-actions{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:2px}.workspace{padding:10px}.controls-panel,.viewer-panel,.results-panel,.report-panel{padding:15px}.field-grid.two{grid-template-columns:1fr}.metric-cards,.assumption-grid{grid-template-columns:1fr}.viewer-toolbar{align-items:stretch;flex-direction:column}.view-tabs{width:100%}.dimension-controls{justify-content:flex-start}.compact-select{justify-content:flex-end}.canvas-wrap,.canvas-wrap canvas{min-height:350px}.app-footer,.report-panel{flex-direction:column;align-items:stretch}.output-grid{grid-template-columns:1fr}.report-button{width:100%}.results-columns{grid-template-columns:1fr}}

/* v6.1 audit fixes */
.invert-button{min-width:150px}.invert-button[aria-pressed="true"]{background:#0f647b;color:#fff;border-color:#0f647b;box-shadow:0 0 0 2px rgba(44,145,170,.18)}
.renderer-warning{color:#9a5a13;font-weight:800}

/* v7.0 UI inherits the compact header and adaptive contrast refinements from v6.4 */
.invert-feature{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.invert-feature>div{display:flex;flex-direction:column;gap:3px}.invert-feature strong{font-size:.79rem;color:var(--cyan2)}.invert-feature small{color:var(--muted);font-size:.69rem;line-height:1.4;max-width:58ch}.invert-button{min-width:168px;white-space:nowrap}.invert-button[aria-pressed="true"]{background:#0f647b;color:#fff;border-color:#0f647b;box-shadow:0 0 0 2px rgba(44,145,170,.18)}
.renderer-status{margin:-2px 0 9px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#f7fafb;color:var(--muted);font:700 .64rem ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.35;overflow-wrap:anywhere}
.renderer-status.ok{color:var(--cyan2)}.renderer-status.warn{color:#9b5c10}.renderer-status.error{color:var(--red)}
.geometry-busy:after{content:"Updating geometry…";position:absolute;inset:auto 12px 12px auto;z-index:7;padding:7px 9px;border:1px solid var(--line2);border-radius:8px;background:rgba(255,255,255,.96);color:var(--cyan2);font:700 .67rem ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:0 7px 20px rgba(23,35,43,.08)}
@media(max-width:680px){.invert-feature{grid-template-columns:1fr}.invert-button{width:100%}.renderer-status{font-size:.60rem}}
.virtual-spacer td{padding:0!important;border:0!important;background:transparent!important;position:static!important}
.virtual-spacer td{padding:0!important;border:0!important;background:transparent!important;position:static!important}