:root{color-scheme:dark;--bg:#101416;--panel:#171e20;--panel-2:#1b2426;--line:#2d393c;--muted:#9ba9a9;--text:#e7eeee;--soft:#c4cece;--teal:#56d2bd;--blue:#80a9ff;--amber:#f0b45d;--red:#f07873;--purple:#bd9aff;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;background:radial-gradient(ellipse at 75% -15%,#1d3130 0,transparent 38%),var(--bg)}a{color:#a8c4ff;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#d5e1ff}button,input,select{font:inherit}.skip-link{position:fixed;top:-80px;left:16px;padding:10px 14px;background:#fff;color:#000;z-index:20}.skip-link:focus{top:12px}.masthead{height:74px;border-bottom:1px solid #263235;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(13,18,19,.78)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:37px;height:37px;border:1px solid #52746e;color:#81cabc;display:grid;place-items:center;font:600 12px var(--mono);letter-spacing:-1px}.eyebrow{font:600 10px/1.35 var(--mono);letter-spacing:.105em;color:#8ca09f;margin:0 0 5px}.brand .eyebrow{margin:0 0 2px}.brand .eyebrow span{color:#4d6663}.brand h1{font-size:17px;line-height:1.15;letter-spacing:-.02em;margin:0;font-weight:600}.offline-tag{font:10px var(--mono);letter-spacing:.07em;color:#bdcdca;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 10px #56d2bd66}.divider{color:#4d6261}.layout{max-width:1640px;margin:auto;display:grid;grid-template-columns:318px minmax(0,1fr);align-items:start;gap:24px;padding:24px 30px 48px}.sidebar{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;background:rgba(22,29,31,.96);border:1px solid var(--line);border-radius:9px;padding:20px 18px;scrollbar-color:#455356 #182022;scrollbar-width:thin}.panel-title,.panel-heading,.share-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title{margin-bottom:16px}.panel-title h2,.panel-heading h2,.detail-panel h2,.diagram-card h2{font-size:17px;line-height:1.2;margin:0;font-weight:600;letter-spacing:-.02em}.quiet-button,.small-button{border:1px solid #455356;border-radius:5px;background:#1e292b;color:#cbd6d5;padding:6px 10px;cursor:pointer}.quiet-button:hover,.small-button:hover{border-color:#75aa9f;color:#fff}.field-label,.control-cell label{display:block;color:#cbd5d4;font-size:11px;font-weight:550;margin-bottom:5px}.field-label{margin-bottom:7px}.field-label span,.control-cell label span{color:#91a09f;font-weight:400}.select-control,.control-cell input[type=number],.share-url{border:1px solid #3b494b;border-radius:4px;background:#111719;color:#e6eeee;min-height:35px;padding:6px 8px;width:100%;outline:none;font-size:12px}.select-control{font-size:12px}.select-control:focus,.control-cell input:focus,.share-url:focus{border-color:#62caba;box-shadow:0 0 0 2px #56d2bd2a}.control-cell input[aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 2px #f0787326}.field-hint{font-size:10px;color:#94a2a1;margin:6px 0 0;line-height:1.45}.fit-button{width:100%;margin-top:11px;background:#1c302d;border:1px solid #4c8c7d;color:#bceadd;border-radius:4px;padding:8px 9px;font-size:10px;cursor:pointer}.fit-button:hover{background:#24433d;border-color:#76c3ae}.fit-button:focus-visible{outline:2px solid #8ce9d4;outline-offset:2px}.control-section{border-top:1px solid #2c383a;margin-top:16px;padding-top:14px}.control-section h3{font-size:12px;color:#d7dfde;margin:0 0 11px;font-weight:600}.section-index{font:10px var(--mono);color:#5da99c;margin-right:7px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px}.control-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.control-cell{min-width:0}.control-cell label{font-size:10px;line-height:1.35;min-height:14px}.control-cell input[type=number]{min-width:0}.control-cell.wide{grid-column:span 2}.input-pair{display:grid;grid-template-columns:minmax(60px,1fr) 75px;align-items:center;gap:8px}.input-pair input[type=range]{width:100%;accent-color:var(--teal);height:18px}.input-pair input[type=number]{width:75px}.subhead{font:10px var(--mono);color:#849695;margin:0 0 7px}.subhead.spaced{margin-top:12px}.toggle-row{display:flex;align-items:center;gap:9px;color:#c5d0cf;font-size:11px;cursor:pointer;min-height:26px;margin:0 0 9px}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle-ui{width:28px;height:16px;border:1px solid #566264;border-radius:12px;background:#283133;position:relative;flex:none;transition:.15s}.toggle-ui:after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;background:#9ba8a7;border-radius:50%;transition:.15s}.toggle-row input:checked+.toggle-ui{background:#245e56;border-color:#54bda9}.toggle-row input:checked+.toggle-ui:after{left:14px;background:#91f0d9}.toggle-row input:focus-visible+.toggle-ui{outline:2px solid #8ce9d4;outline-offset:2px}.assumption-note{border-left:2px solid var(--amber);padding:6px 8px;margin:8px 0 0;color:#d8bd92;background:#35291c80;font-size:10px;line-height:1.5}.adjustment-note{border-left:2px solid var(--amber);padding-left:8px;margin:7px 0 0;color:#f0c37d;font-size:10px;line-height:1.45}.adjustment-note:empty{display:none}.disabled-fields{opacity:.42}.disabled-fields input{pointer-events:none}.share-panel{border-top:1px solid #2c383a;margin-top:18px;padding-top:14px}.share-heading h3{font-size:12px;margin:0}.small-button{font-size:10px}.share-url{margin-top:9px;font:10px var(--mono);color:#9faeae}.workspace{min-width:0}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin:5px 2px 19px}.hero-row h2{font-size:29px;line-height:1.13;letter-spacing:-.045em;margin:0;font-weight:560}.hero-row h2 span{color:#83bdb2}.hero-copy{max-width:435px;color:#acb9b8;font-size:12px;line-height:1.6;margin:0 0 2px}.warning-stack{display:grid;gap:7px;margin-bottom:14px}.check-row{display:flex;align-items:flex-start;gap:9px;padding:8px 11px;border:1px solid #303c3e;border-radius:5px;background:#151c1e;color:#c2cecc;font-size:10.5px;line-height:1.4}.check-row .check-icon{font:11px var(--mono);font-weight:700;flex:none;width:16px}.check-row.good .check-icon{color:var(--teal)}.check-row.warn{border-color:#5c4930;background:#241e16}.check-row.warn .check-icon{color:var(--amber)}.check-row.bad{border-color:#633b3a;background:#281b1b}.check-row.bad .check-icon{color:var(--red)}.check-row.info .check-icon{color:var(--blue)}.metric-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:14px}.metric-card{background:linear-gradient(145deg,#1b2426,#151b1d);border:1px solid #2d393b;border-radius:6px;padding:13px 14px;min-height:96px;overflow:hidden}.metric-label{font:9px var(--mono);letter-spacing:.07em;color:#91a09f;margin-bottom:8px}.metric-card strong{font:600 17px/1.2 var(--mono);letter-spacing:-.045em;display:block;color:#e5eeee;white-space:nowrap}.metric-sub{margin-top:6px;color:#9aa8a7;font-size:10px;line-height:1.35}.accent-blue{border-top-color:#566c94}.accent-blue strong{color:#a7bdf5}.accent-teal{border-top-color:#477c72}.accent-teal strong{color:#8bdbca}.accent-amber{border-top-color:#8a6a3b}.accent-amber strong{color:#edc27e}.panel{background:linear-gradient(145deg,#1a2224,#171e20);border:1px solid #303b3d;border-radius:7px}.wall-panel,.graph-panel{padding:17px 18px 13px;margin-bottom:13px}.panel-heading{margin-bottom:10px}.panel-heading .eyebrow{margin-bottom:3px}.panel-kicker,.graph-badge{font:10px var(--mono);color:#92a2a0}.svg-scroll,.projection-scroll,.chart-scroll{overflow:auto;max-width:100%;scrollbar-color:#465355 #192123}.wall-svg{display:block;width:100%;min-width:540px;height:auto;max-height:480px}.wall-svg text,.line-svg text,.distance-svg text{font-family:var(--mono)}.legend{display:flex;flex-wrap:wrap;gap:12px 20px;padding:3px 0 12px;color:#abb7b6;font-size:9px;border-bottom:1px solid #2e393b}.legend span{display:inline-flex;align-items:center;gap:7px}.legend i{display:inline-block;width:14px;height:9px;border:1px solid #70817f}.legend-screen{background:#23443f}.legend-reference{border:1px dashed #92b5ff!important}.legend-assumption{border:1px dashed #edb15d!important}.legend-aperture{background:#94443c77;border-color:#f07873!important}.legend-selected{border:2px solid #fff!important}.tile-detail{display:grid;grid-template-columns:1.1fr 1fr 1.15fr 1fr;gap:13px;padding:12px 2px 4px}.tile-detail>div{display:flex;flex-direction:column;gap:3px}.tile-detail span{font-size:9px;color:#879694}.tile-detail strong{font:11px var(--mono);color:#dbe4e2}.caption{font-size:9.5px;color:#849391;line-height:1.5;margin:8px 0 0}.diagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}.diagram-card{padding:15px 15px 12px;min-width:0}.panel-heading.compact{margin-bottom:0}.line-svg{display:block;width:100%;min-width:560px;height:auto;min-height:150px;max-height:220px}.graph-controls{display:flex;gap:7px;margin:0 0 5px}.graph-mode{border:1px solid #3b494b;border-radius:4px;background:#12191b;color:#bbc8c6;padding:5px 9px;font-size:10px;cursor:pointer}.graph-mode[aria-pressed="true"]{border-color:#4f9e8d;background:#1c302d;color:#c6eee3}.graph-mode:focus-visible{outline:2px solid #8ce9d4;outline-offset:2px}.distance-svg{width:100%;min-width:740px;height:auto;display:block;max-height:355px}.graph-legend{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:1px;color:#aebaba;font-size:10px}.graph-legend span{display:flex;align-items:center;gap:7px}.graph-legend i{width:17px;border-top:2px solid;display:inline-block}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.detail-panel{padding:16px 18px}.detail-panel h2{margin-bottom:9px}.detail-panel>a{font-size:10px}.detail-panel>a.secondary-source{display:block;margin-top:5px}.fact-list{display:grid;gap:6px;margin-top:12px}.fact{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2c383a;padding-top:6px;color:#91a09f;font-size:10px}.fact strong{font:10px var(--mono);color:#d0dad8;text-align:right}.source-caveat{border-left:2px solid var(--blue);padding-left:9px;color:#afbfbd;font-size:10px;line-height:1.5;margin:11px 0 0}.limitations{padding-left:17px;margin:10px 0 0;color:#aab7b6;font-size:10px;line-height:1.5}.limitations li{padding-left:2px;margin-bottom:5px}.workspace footer{font-size:9px;color:#7f8d8c;padding:15px 3px}.workspace footer a{color:#9baecf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wall-svg .wall-frame{fill:#111718;stroke:#71827f;stroke-width:1.5}.wall-svg .tile{fill:#213b38;stroke:#5b8179;stroke-width:1}.wall-svg .tile:hover{fill:#2d5a51}.wall-svg .tile.selected{stroke:#f0f4ee;stroke-width:2.3;fill:#31594f}.wall-svg .tile.clipped{fill:#753e3a;fill-opacity:.84;stroke:#ef8278;stroke-dasharray:3 2}.wall-svg .tile.selected.clipped{fill:#824944}.wall-svg .tile-label{fill:#b9cfca;font-size:11px;pointer-events:none}.wall-svg .tile.selected+.tile-label{fill:#fff}.wall-svg .outline-ref{fill:none;stroke:#91b3ff;stroke-width:1.6;stroke-dasharray:7 4}.wall-svg .outline-env{fill:none;stroke:#f0b45d;stroke-width:1.5;stroke-dasharray:3 4}.wall-svg .clip-zone{fill:#bb514a;fill-opacity:.28;stroke:none;pointer-events:none}.wall-svg .error-band{fill:#efa94d;fill-opacity:.28;stroke:none;pointer-events:none}.wall-svg .outline-aperture{fill:none;stroke:#f07873;stroke-dasharray:5 4;stroke-width:1.2}.wall-svg .outline-wall{fill:none;stroke:#829391;stroke-width:1.1}.wall-svg .selected-cross{stroke:#fff;stroke-width:1.2;pointer-events:none}.wall-svg .muted-label{fill:#9aabaa;font-size:10px}.wall-svg .dim-label{fill:#d3dfdc;font-size:10px}.line-svg .wall-line{stroke:#bcc9c7;stroke-width:3}.line-svg .opening{stroke:#f07873;stroke-width:4}.line-svg .eye-box{stroke:#8bd7c5;fill:#35726855;stroke-width:1.5}.line-svg .camera-dot{fill:#8ab6ff;stroke:#e7f0ff;stroke-width:1.5}.line-svg .ray{stroke:#f07873;stroke-width:1.1;stroke-dasharray:4 4;opacity:.65}.line-svg .camera-link{stroke:#82aaff;stroke-width:1.2;stroke-dasharray:2 4;opacity:.8}.line-svg .axis{stroke:#52615f;stroke-width:1}.line-svg .eye-dot{fill:#a8e2d5;stroke:#d9fff6;stroke-width:1}.line-svg .label{fill:#b8c6c4}.line-svg .accent-label{fill:#80b7ae}.line-svg .camera-label{fill:#a9c2ff}.line-svg .red-label{fill:#f09a94}.distance-svg .grid-line{stroke:#344143;stroke-width:1}.distance-svg .axis-line{stroke:#71817f;stroke-width:1}.distance-svg .axis-label{fill:#9eacab;font-size:10px}.distance-svg .ref-line{stroke:#91b3ff;stroke-width:2;fill:none}.distance-svg .ap-line{stroke:#f07873;stroke-width:2;fill:none}.distance-svg .env-line{stroke:#f0b45d;stroke-width:2;fill:none}.distance-svg .candidate-line{stroke:#e1e8e6;stroke-width:1.7;stroke-dasharray:6 4}.distance-svg .marker-line{stroke:#66d2bd;stroke-width:1.5;stroke-dasharray:3 3}.distance-svg .plot-label{fill:#b7c4c2;font-size:10px}.distance-svg .marker-label{fill:#80e1cc;font-size:10px}.input-error{display:block;grid-column:1/-1;margin-top:3px;color:#f3a09a;font-size:10px;line-height:1.35}.distance-svg .margin-x-line{stroke:#91b3ff;stroke-width:2;fill:none}.distance-svg .margin-y-line{stroke:#56d2bd;stroke-width:2;fill:none}.distance-svg .error-line{stroke:#f0b45d;stroke-width:1.7;stroke-dasharray:6 4}.line-svg text{font-size:10px}
@media(max-width:1120px){.layout{grid-template-columns:290px minmax(0,1fr);gap:16px;padding:18px 18px 36px}.sidebar{padding:16px 14px}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-row{gap:20px}.hero-row h2{font-size:25px}.hero-copy{max-width:350px}}
@media(max-width:780px){.masthead{padding:0 16px;height:65px}.offline-tag{font-size:0;gap:6px}.offline-tag .divider{font-size:10px}.offline-tag .status-dot{width:8px;height:8px}.layout{display:flex;flex-direction:column;padding:15px 12px 30px;gap:17px}.sidebar{position:static;max-height:none;overflow:visible;width:100%;order:0}.workspace{width:100%;order:1}.hero-row{display:block;margin:4px 2px 15px}.hero-row h2{font-size:26px}.hero-copy{margin-top:10px;max-width:600px}.diagram-grid,.bottom-grid{grid-template-columns:1fr}.diagram-card{padding:13px}.line-svg{max-height:230px}.panel-kicker{font-size:9px}.wall-panel,.graph-panel{padding:14px 12px 12px}.wall-svg{min-width:560px}.metric-row{gap:7px}.metric-card{padding:11px;min-height:88px}.metric-card strong{font-size:14px}.tile-detail{grid-template-columns:1fr 1fr;gap:10px}.share-panel{padding-bottom:2px}}
@media(max-width:410px){.brand h1{font-size:15px}.brand-mark{width:32px;height:32px}.layout{padding-left:9px;padding-right:9px}.metric-row{grid-template-columns:1fr 1fr}.metric-label{font-size:8px}.metric-card strong{font-size:12px}.control-grid.three-col{grid-template-columns:1fr 1fr}.control-section{margin-top:13px}.panel-heading:not(.compact){align-items:flex-start;flex-direction:column;gap:5px}.graph-mode{padding:5px 7px;font-size:9px}.distance-svg{min-width:720px}.line-svg{min-width:560px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}