@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#07151c;--card:#0d2029;--card2:#102631;--line:#24404a;--text:#e8f6f4;--muted:#88a6ad;--aqua:#6be6d1;--blue:#46adcf;--orange:#ffc078;--red:#ff787c;--radius:19px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 28% -20%,#17404b 0,transparent 43%),var(--bg);font:14px/1.5 'DM Sans',sans-serif;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--aqua)}.app-shell{max-width:1900px;margin:auto;min-height:100vh}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24414a;padding:0 32px}.brand{display:flex;align-items:center;gap:14px}.brand-icon{width:42px;height:42px;border:1px solid #66cdbf;background:#123138;border-radius:12px;display:grid;place-items:center;color:var(--aqua);font-size:27px}.brand strong,.brand small{display:block}.brand strong{font:700 16px 'Space Grotesk';letter-spacing:.14em}.brand small{color:var(--muted);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-tag{border:1px solid #31505a;padding:7px 12px;border-radius:999px;color:#aed3d2;font-size:10px;letter-spacing:.13em;font-weight:700}.button{border:1px solid #34545c;border-radius:10px;padding:11px 15px;background:#17313a;color:var(--text);font-weight:700;transition:transform .18s,background .18s,border-color .18s}.button:hover{transform:translateY(-1px);border-color:var(--aqua)}.button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.button.ghost{background:transparent;font-size:12px}.button.primary{background:linear-gradient(130deg,#62e3cb,#7af0d3);border-color:transparent;color:#092328;box-shadow:0 8px 28px #4ce8c125}.button.primary:hover{background:#a0ffe8}.hero{padding:42px 32px 38px;display:flex;gap:30px;justify-content:space-between;align-items:end}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--aqua)}.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua)}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(34px,3.2vw,52px)/1.08 'Space Grotesk';letter-spacing:-.04em;margin:16px 0 13px}h1 em{font-style:normal;color:var(--aqua)}.hero p{color:#a5bfc2;max-width:710px;margin:0;font-size:14px}.hero-metrics{display:flex;border:1px solid #2c505a;border-radius:15px;background:#0e2730b8;align-self:center;min-width:420px}.hero-metrics>div{padding:18px 21px;min-width:130px;border-right:1px solid #28454d}.hero-metrics>div:last-child{border:0}.hero-metrics span,.metric-grid span,.result-highlight>span{display:block;color:#8daab0;font-size:10px;letter-spacing:.1em;font-weight:700}.hero-metrics strong{font:600 18px 'Space Grotesk';white-space:nowrap;display:block;margin-top:7px}.hero-metrics .status-text{font-size:12px;max-width:125px;white-space:normal}.workspace{padding:0 24px 30px;display:grid;grid-template-columns:minmax(280px,330px) minmax(470px,1fr) minmax(300px,355px);gap:16px;align-items:start}.card{background:linear-gradient(160deg,#10262e,#0a1d25);border:1px solid #28424b;border-radius:var(--radius);box-shadow:0 12px 50px #00000022;overflow:hidden}.controls,.results{min-height:800px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;gap:10px}.panel-header h2{font:600 19px 'Space Grotesk';letter-spacing:-.025em;margin:5px 0 0}.icon-badge{display:grid;place-items:center;width:32px;height:32px;border:1px solid #31505a;border-radius:9px;color:var(--aqua);font-size:19px}.tabs{margin:0 18px 10px;display:flex;background:#0a1a21;padding:4px;border-radius:10px;border:1px solid #25414a}.tab{flex:1;border:0;background:transparent;color:#93adb1;border-radius:7px;padding:9px 3px;font-weight:700;font-size:12px}.tab.active{background:#1b3a42;color:var(--aqua);box-shadow:0 1px 5px #0004}.tab-panel{display:none;padding:12px 20px 24px}.tab-panel.active{display:block}.subhead{font:700 11px 'Space Grotesk';letter-spacing:.08em;text-transform:uppercase;color:#d5eeea;margin:19px 0 12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-grid label,.select-label,.panel-field label,.brace-field label{display:block;color:#b5cfd0;font-size:11px;font-weight:700}.field-grid label span{float:right;color:#698e94;font-weight:500}input[type=number],select{display:block;width:100%;margin-top:7px;background:#091920;border:1px solid #2c4850;border-radius:9px;color:var(--text);padding:10px 11px;outline:none;height:40px;min-width:0}input[type=number]:focus,select:focus{border-color:var(--aqua)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#90b2b2 50%),linear-gradient(135deg,#90b2b2 50%,transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-size:5px 5px;background-repeat:no-repeat;padding-right:26px}.select-label{margin-bottom:11px}.field-note{color:#87a6aa;font-size:11px;line-height:1.5}.range-block{padding:16px 0 5px}input[type=range]{width:100%;accent-color:var(--aqua)}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#82a0a5}.control-footer{border-top:1px solid #29444c;padding:18px 20px 22px;background:#0c232b}.control-footer .button{width:100%;font-size:13px}.control-footer p{color:#83a1a5;font-size:10px;margin:10px 0 0;line-height:1.4}.panel-edit,.brace-edit{border:1px solid #294851;border-radius:12px;background:#0b1d25;padding:12px;margin-bottom:11px}.panel-edit-head,.brace-edit-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.panel-edit-head strong,.brace-edit-head strong{font:600 12px 'Space Grotesk'}.panel-edit-head span{color:#76989d;font-size:10px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-grid.three{grid-template-columns:repeat(3,1fr)}.panel-field label,.brace-field label{font-size:10px;color:#84a6aa}.panel-field input,.brace-field input,.brace-field select{height:34px;padding:7px 8px;font-size:12px}.brace-field select{background-position:calc(100% - 16px) 14px,calc(100% - 11px) 14px}.brace-edit-head button{border:0;background:none;color:#f6a29d;font-size:19px;padding:0 3px}.brace-check{display:flex;align-items:center;gap:7px;font-size:11px;color:#abc7c9;margin:9px 0}.brace-check input{accent-color:var(--aqua)}.text-button{border:0;background:none;color:var(--aqua);font-size:11px;padding:7px 0}.add-brace{width:100%;background:#112f36;color:var(--aqua);font-size:12px}.visual-column{display:grid;gap:16px}.visual .panel-header{padding-bottom:16px}.view-switch{display:flex;background:#071820;border-radius:9px;border:1px solid #24424a;padding:3px}.view-switch button{border:0;background:transparent;color:#83a3a9;padding:7px 11px;border-radius:7px;font-size:11px;font-weight:700}.view-switch button.active{background:#1a3b43;color:var(--aqua)}.viewer{margin:0 20px;border:1px solid #2b5359;background:radial-gradient(ellipse at 50% 20%,#163943,#06171e 65%);border-radius:14px;overflow:hidden;position:relative}.viewer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#94f9e709 1px,transparent 1px),linear-gradient(90deg,#94f9e709 1px,transparent 1px);background-size:31px 31px;pointer-events:none}.viewer-top,.viewer-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;z-index:1}.viewer-chip{border:1px solid #3f686b;border-radius:6px;padding:6px 8px;font-size:9px;letter-spacing:.1em;color:#b3ded8;background:#0b242bd9}.viewer-chip span{font-weight:700;color:white}.viewer-chip.subtle{color:#7ea6a9}.viewer svg{display:block;width:100%;height:auto;max-height:390px}.viewer-bottom{gap:10px;color:#bad6d5;font-size:10px}.legend-gradient{height:7px;flex:1;background:linear-gradient(90deg,#123e52,#1ea5bf,#4fd8bd,#e8d683,#ff886d);border-radius:9px}.wall-select{display:flex;gap:7px;padding:16px 20px 20px}.wall-select button{border:1px solid #35565d;background:#112a32;color:#9fbfc0;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.wall-select button.active{border-color:var(--aqua);color:var(--aqua);background:#1b3d42}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lower-grid .panel-header{padding-bottom:3px}.lower-grid svg{display:block;width:100%;padding:0 12px}.diagram-legend{display:flex;gap:15px;padding:0 20px 18px;font-size:10px;color:#94b6b6}.swatch{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.swatch.aqua{background:var(--aqua)}.swatch.white{background:#c6e4e1}.swatch.orange{background:var(--orange)}.chart-caption{padding:0 21px 17px;font-size:10px;color:#83a3a7;margin:0}.results .panel-header{padding-bottom:17px}.result-badge{font-size:10px;font-weight:800;letter-spacing:.06em;border:1px solid #405957;color:#b9d1cd;border-radius:6px;padding:6px 9px}.result-badge.critical{background:#4d242c;color:#ff949b;border-color:#a75159}.result-badge.caution{background:#3b3324;color:#ffd08d;border-color:#9a754b}.result-badge.screened{background:#1c3b35;color:#91eed5;border-color:#438c7b}.result-highlight{margin:0 18px;padding:19px;border:1px solid #32635f;background:linear-gradient(135deg,#17433e,#113035);border-radius:13px}.result-highlight strong{font:600 43px 'Space Grotesk';display:block;margin:4px 0 2px;letter-spacing:-.06em}.result-highlight strong small{font-size:20px;color:#91d0c5}.progress{height:7px;border-radius:9px;background:#143136;overflow:hidden;margin:11px 0}.progress i{display:block;height:100%;background:var(--aqua);border-radius:9px;transition:width .35s}.result-highlight p{color:#a9ceca;font-size:11px;margin:0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;margin:16px 18px;border:1px solid #28454d;border-radius:12px;overflow:hidden}.metric-grid>div{padding:13px 12px;border-right:1px solid #28454d;border-bottom:1px solid #28454d}.metric-grid>div:nth-child(2n){border-right:0}.metric-grid>div:nth-last-child(-n+2){border-bottom:0}.metric-grid span{font-size:9px;letter-spacing:0;text-transform:uppercase}.metric-grid strong{display:block;font:600 17px 'Space Grotesk';margin-top:5px}.results>.subhead,.warnings,.result-table-wrap{margin-left:18px;margin-right:18px}.result-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{color:#86a4a9;text-align:left;font-weight:700;border-bottom:1px solid #315057;padding:8px 4px}td{padding:10px 4px;border-bottom:1px solid #233b43;color:#c4dad9}td:first-child{color:#e3f2ef;font-weight:700}.ratio{font-weight:700}.ratio.ok{color:var(--aqua)}.ratio.warn{color:var(--orange)}.ratio.bad{color:var(--red)}.warnings{display:grid;gap:7px}.warning{border:1px solid #4f4937;background:#2b2a22;border-radius:8px;color:#e5cda2;padding:8px 10px;font-size:10px;line-height:1.4}.warning.note{border-color:#335158;background:#142d34;color:#a9d5d3}.method-note{margin:20px 18px 22px;border-top:1px solid #28434a;padding-top:15px;color:#88a8a8;font-size:10px;line-height:1.6}.method-note strong{color:#d7ece7;font-size:11px}.method-note p{margin:5px 0 9px}.method-note a{font-weight:700;text-decoration:none}.auto-drawer[hidden]{display:none}.auto-drawer{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end}.auto-backdrop{position:absolute;inset:0;background:#031016cf;backdrop-filter:blur(4px)}.auto-content{position:relative;background:linear-gradient(140deg,#12303a,#081d25);border-left:1px solid #4e777a;width:min(500px,100%);height:100%;overflow-y:auto;padding:45px 34px;box-shadow:-20px 0 80px #0008}.auto-content h2{font:600 30px 'Space Grotesk';margin:8px 0 14px}.auto-content>p{color:#a4c2c2}.close-button{position:absolute;right:24px;top:22px;background:#183740;border:1px solid #39606b;border-radius:9px;color:white;font-size:24px;line-height:30px;width:34px}.auto-details-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #315058;color:#bdd7d6}.auto-details-row strong{color:white}.auto-actions{display:flex;gap:9px;margin-top:25px}.auto-actions .button{flex:1}.auto-disclaimer{font-size:11px;margin-top:22px;color:#a5aaaa!important}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #244047;padding:19px 32px;color:#6d9299;font-size:10px}.footer-dot{color:var(--aqua);margin:0 5px}.method-page{max-width:900px;margin:0 auto;padding:42px 24px}.method-page h1{font-size:40px}.method-page h2{font:600 23px 'Space Grotesk';margin-top:33px}.method-page p,.method-page li{color:#bbd1d2;line-height:1.7}.method-page code{background:#17313a;padding:2px 5px;border-radius:4px}
@media(max-width:1500px){.workspace{grid-template-columns:285px minmax(420px,1fr) 310px;padding:0 16px 20px;gap:12px}.hero{padding:36px 20px}.panel-header{padding-left:18px;padding-right:18px}.view-switch button{padding:6px 7px}}
@media(max-width:1200px){.workspace{grid-template-columns:290px minmax(0,1fr)}.results{grid-column:1/-1;min-height:0}.results .metric-grid{grid-template-columns:repeat(4,1fr)}.metric-grid>div{border-bottom:0;border-right:1px solid #28454d!important}.metric-grid>div:last-child{border-right:0!important}.hero-metrics{min-width:0}}
@media(max-width:800px){.topbar{padding:0 16px}.topbar-tag,.topbar-actions .ghost{display:none}.hero{display:block;padding:28px 16px}.hero-metrics{margin-top:25px}.workspace{grid-template-columns:1fr;padding:0 12px 25px}.controls,.results{min-height:0}.lower-grid{grid-template-columns:1fr 1fr}.visual-column{grid-row:2}.results{grid-column:auto}.hero-metrics>div{flex:1;min-width:0;padding:13px 10px}.hero-metrics strong{font-size:15px}h1{font-size:34px}}
@media(max-width:560px){.lower-grid{grid-template-columns:1fr}.hero-metrics span{font-size:8px}.hero-metrics strong{font-size:13px}.viewer-chip.subtle{display:none}.view-switch{width:100%;justify-content:space-between}.visual .panel-header{display:block}.visual .panel-header h2{margin-bottom:13px}.viewer{margin:0 10px}.wall-select{overflow-x:auto;padding:12px}.wall-select button{white-space:nowrap}.results .metric-grid{grid-template-columns:1fr 1fr}.metric-grid>div:nth-child(2n){border-right:0!important}.metric-grid>div:nth-child(-n+2){border-bottom:1px solid #28454d}.auto-content{padding:50px 22px}footer{display:block;padding:18px}footer span{display:block;margin-bottom:5px}}
.cut-list{margin:0 18px}.cut-item{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #233b43;color:#aac9c8;font-size:10px}.cut-item strong{color:#ebf6f1;text-align:right}
.tank-canvas-wrap{position:relative;margin:0 12px 4px;height:270px;overflow:hidden;border-radius:11px;background:radial-gradient(circle at center,#12323c,#091d25 75%);border:1px solid #274550}.tank-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.tank-canvas-wrap canvas:active{cursor:grabbing}.canvas-hint{position:absolute;left:10px;top:10px;border:1px solid #40646b;background:#071c23cc;border-radius:6px;padding:4px 7px;font-size:9px;color:#b7dad7;pointer-events:none}.view-reset{background:#14313a;cursor:pointer;font-family:inherit}
.geometry-card{grid-column:1/-1}.load-card{grid-column:1/-1}.tank-canvas-wrap{height:370px}.load-card svg{max-height:245px}@media(max-width:560px){.tank-canvas-wrap{height:280px}}
.visual-column{display:flex;flex-direction:column}.visual-column>.lower-grid{display:contents}.geometry-card{order:-1;width:100%}.visual{order:0;width:100%}.load-card{order:1;width:100%}