:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--surface:#fff;--surface-2:#f4f7fb;--surface-3:#eaeff5;--ink:#19202a;--ink-2:#414853;--muted:#6b727c;--line:#dee1e7;--line-2:#ccd1d9;--accent:#3768d0;--accent-press:#2352b8;--accent-soft:#e7f1ff;--add:#1f8959;--add-soft:#d5fbe4;--subtract:#cc3e38;--subtract-soft:#ffedeb;--warn:#a36e09;--warn-soft:#fff0d1;--text-xs:.75rem;--text-sm:.825rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--title:clamp(1.9rem, 1.25rem + 2.6vw, 2.9rem);--display:clamp(2.7rem, 1.9rem + 3.6vw, 4.1rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--bottom-navigation-height:72px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-sm:0 1px 2px #1a20290f, 0 1px 3px #1a20290d;--shadow-md:0 10px 30px -12px #111f372e;--shadow-lg:0 28px 64px -28px #0d1e3b4d;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.18s}@supports (color:lab(0% 0 0)){:root{--bg:lab(96.7443% -.330746 -1.47088);--surface:lab(100% 0 0);--surface-2:lab(97.2042% -.492424 -2.20424);--surface-3:lab(94.1819% -.729829 -3.30136);--ink:lab(11.7383% -.580959 -7.97851);--ink-2:lab(30.3224% -.794604 -7.35166);--muted:lab(47.7355% -.811636 -6.66007);--line:lab(89.5346% -.418812 -2.99045);--line-2:lab(83.7208% -.609666 -4.47522);--accent:lab(44.9417% 11.7136 -59.9353);--accent-press:lab(36.6292% 14.6704 -59.7901);--accent-soft:lab(94.6276% -.922382 -13.0261);--add:lab(50.5327% -39.4356 17.3549);--add-soft:lab(95.4548% -15.9 7.02766);--subtract:lab(48.3514% 56.4063 37.539);--subtract-soft:lab(95.0028% 12.0867 7.12119);--warn:lab(51.1467% 16.3644 55.85);--warn-soft:lab(95.5261% 2.02972 19.535);--shadow-sm:0 1px 2px lab(11.7506% -.5823 -7.27103/.06), 0 1px 3px lab(11.7506% -.5823 -7.27103/.05);--shadow-md:0 10px 30px -12px lab(11.4967% .675254 -17.689/.18);--shadow-lg:0 28px 64px -28px lab(11.3758% 1.71218 -21.1111/.3)}}*{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:76px;scroll-padding-bottom:calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom) + var(--space-4))}body{padding-bottom:calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom));background:radial-gradient(120% 70% at 50% -10%, var(--accent-soft) 0%, transparent 55%), var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.5}h1,h2,h3{letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.eyebrow{margin:0 0 var(--space-2);color:var(--accent);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:30;align-items:center;gap:var(--space-5);min-height:60px;padding:0 var(--space-5);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:#ffffffc7;background:lab(100% 0 0/.78);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);letter-spacing:-.01em;min-width:max-content;font-weight:700;display:inline-flex}.brand-mark{border-radius:var(--r-sm);background:var(--accent);color:#fff;place-items:center;width:30px;height:30px;display:inline-grid}.site-nav{align-items:center;gap:var(--space-1);scrollbar-width:none;margin-left:auto;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{border-radius:var(--r-pill);min-width:max-content;color:var(--muted);font-size:var(--text-sm);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);padding:7px 12px;font-weight:600}.site-nav a:hover{color:var(--ink);background:var(--surface-2)}.site-nav a.active{color:var(--accent);background:var(--accent-soft)}.calculator-nav-select{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.calculator-nav-select>span{color:var(--muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:750}.calculator-nav-select select{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);min-width:190px;height:36px;color:var(--ink);font-size:var(--text-sm);padding:0 34px 0 12px;font-weight:650}.calculator-nav-select select:hover{border-color:var(--muted)}.site-nav .calculator-nav-select{margin-left:var(--space-1)}.bottom-navigation{z-index:50;padding:8px var(--space-4) calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#ffffffdb;background:lab(100% 0 0/.86);position:fixed;inset:auto 0 0;box-shadow:0 -16px 42px -34px #0d1e3b6b;box-shadow:0 -16px 42px -34px lab(11.3758% 1.71218 -21.1111/.42)}.bottom-navigation-inner{align-items:center;gap:var(--space-3);scrollbar-width:none;width:min(1140px,100%);margin:0 auto;display:flex;overflow-x:auto}.bottom-navigation-inner::-webkit-scrollbar{display:none}.bottom-navigation-group{align-items:center;gap:var(--space-1);flex:none;display:flex}.bottom-navigation-divider{background:var(--line);flex:0 0 1px;align-self:stretch;min-height:34px}.bottom-navigation a{border-radius:var(--r-sm);min-height:42px;color:var(--muted);font-size:var(--text-sm);white-space:nowrap;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-weight:650;line-height:1;display:inline-flex}.bottom-navigation a svg{flex:none}.bottom-navigation a:hover{border-color:var(--line);background:var(--surface-2);color:var(--ink)}.bottom-navigation a.active{background:var(--accent-soft);color:var(--accent);border-color:#3768d038;border-color:lab(44.9417% 11.7136 -59.9353/.22)}.bottom-navigation .utility-links a{color:var(--ink-2)}.bottom-navigation .utility-links a.active,.bottom-navigation .utility-links a:hover{color:var(--accent)}.bottom-navigation .calculator-nav-select{min-height:42px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.bottom-navigation .calculator-nav-select select{background:0 0;border:0;min-width:180px;height:34px;padding-left:0}.workbench,.how-to-use,.seo-content{width:min(1140px, calc(100% - 2 * var(--space-5)));margin:0 auto}.workbench{padding:var(--space-6) 0 var(--space-7)}.utility-page{width:min(840px, calc(100% - 2 * var(--space-5)));min-height:calc(100vh - 60px - var(--bottom-navigation-height));padding:var(--space-7) 0 var(--space-8);margin:0 auto}.utility-card{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.utility-card h1{font-size:var(--title);margin:0;line-height:1.04}.utility-card h2{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-lg);letter-spacing:0}.utility-card p{max-width:70ch;margin:var(--space-4) 0 0;color:var(--ink-2);line-height:1.7}.utility-action{margin-top:var(--space-5)}.text-link{color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.legal-copy h2+p{margin-top:0}.tool-head{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-5);display:flex}.tool-head h1{font-size:var(--title);margin:0;line-height:1.04}.lede{max-width:56ch;margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-md)}.banner{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);font-size:var(--text-sm)}.workbench-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(360px,410px);align-items:start;display:grid}.work-input{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;display:grid}.work-output{gap:var(--space-4);min-width:0;display:grid;position:sticky;top:80px}.workbench-stack{gap:var(--space-4);display:grid}.converter-section{min-width:0}.calculator-links{gap:var(--space-4);width:min(1140px, calc(100% - 2 * var(--space-5)));padding:0 0 var(--space-6);margin:0 auto;display:grid}.calculator-links-head{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.calculator-links-head .eyebrow{margin:0}.calculator-links-head h2{max-width:52ch;color:var(--ink-2);font-size:var(--text-lg);letter-spacing:0;margin:0;line-height:1.2}.calculator-link-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.calculator-link-grid a{min-height:42px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font-size:var(--text-sm);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), background var(--dur) var(--ease);align-items:center;font-weight:700;display:flex}.calculator-link-grid a:hover{border-color:var(--line-2);background:var(--surface-2);color:var(--accent)}.visual-stage{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:stretch;display:grid}.panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.panel>summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:46px;padding:var(--space-2) var(--space-3);transition:background var(--dur) var(--ease);font-weight:650;list-style:none;display:flex}.panel>summary::-webkit-details-marker{display:none}.panel>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;transition:transform var(--dur) var(--ease);margin-left:auto;transform:rotate(45deg)}.panel[open]>summary:after{transform:rotate(-135deg)}.panel>summary:hover{background:var(--surface-2)}.panel>summary small{color:var(--muted);font-size:var(--text-xs);margin-left:auto;font-weight:600}.panel>summary span{font-size:var(--text-base)}.input-panel{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);display:grid}.panel-head{align-items:baseline;gap:var(--space-2);display:flex}.panel-head .eyebrow{margin:0}.panel-head h2{font-size:var(--text-lg);margin:0;line-height:1.1}.field,.component-name{gap:var(--space-2);width:100%;color:var(--ink-2);font-size:var(--text-sm);font-weight:600;display:grid}.field>span:first-child,.component-name>span:first-child{color:var(--muted)}.field input,.field select,.component-name input{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);width:100%;min-height:38px;color:var(--ink);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;padding:7px 10px;font-weight:600}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:right 14px center,right 9px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}.field input:focus,.field select:focus,.component-name input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input[aria-invalid=true]{border-color:var(--subtract)}.field small{color:var(--subtract);font-size:var(--text-xs);font-weight:600}.toggle,.check{align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--text-sm);font-weight:600;display:inline-flex}.toggle input,.check input{width:16px;height:16px;accent-color:var(--accent)}.unit-checks{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dimension-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.solid-button,.ghost-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-3);border-radius:var(--r-sm);font-size:var(--text-sm);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border:1px solid #0000;font-weight:650;display:inline-flex}.solid-button{background:var(--accent);color:#fff}.solid-button:hover{background:var(--accent-press)}.ghost-button{border-color:var(--line-2);background:var(--surface);color:var(--ink-2)}.ghost-button:hover{border-color:var(--muted);color:var(--ink)}.reset-button{min-width:max-content}.component-card{gap:var(--space-4);display:grid}.input-panel .component-card{gap:var(--space-3)}.input-panel .component-expanded{gap:var(--space-3);display:grid}.input-panel .field,.input-panel .component-name{gap:6px}.input-panel .field input,.input-panel .field select,.input-panel .component-name input{min-height:36px}.active-component-title{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.active-component-title .eyebrow{margin:0}.input-panel .active-component-title>div{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.active-component-title h3{font-size:var(--text-md);margin:0}.active-component-title strong{min-width:max-content;color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.component-grid.quick-fields{gap:var(--space-3);grid-template-columns:minmax(0,1.4fr) minmax(96px,.5fr);display:grid}.component-list{gap:var(--space-2);display:grid}.component-list .component-card{gap:var(--space-2);padding:var(--space-3);padding-left:calc(var(--space-3) + 4px);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);position:relative}.component-list .component-card:before{content:"";border-radius:var(--r-md) 0 0 var(--r-md);background:var(--add);width:4px;position:absolute;inset:0 auto 0 0}.component-list .component-card.subtract:before{background:var(--subtract)}.component-list .component-card.disabled{opacity:.6}.component-summary{gap:var(--space-3);width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:minmax(120px,1.2fr) minmax(70px,.5fr) minmax(130px,1fr) minmax(80px,.6fr) auto;align-items:center;padding:0;display:grid}.component-summary-name{gap:2px;min-width:0;display:grid}.component-summary-name span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.component-summary:hover .component-summary-name span{color:var(--accent)}.component-summary-name small,.summary-cell span{color:var(--muted);font-size:var(--text-xs);font-weight:600}.summary-cell{gap:2px;min-width:0;display:grid}.summary-cell strong{font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summary-status{border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);font-size:var(--text-xs);justify-self:end;padding:5px 10px;font-weight:700}.component-summary:hover .summary-status{background:var(--accent-soft);color:var(--accent)}.calculation-items{padding-top:var(--space-3);border-top:1px solid var(--line)}.calculation-items .component-summary{grid-template-columns:minmax(0,1fr) minmax(82px,auto)}.calculation-items .component-summary .summary-cell{display:none}.calculation-items .component-summary .volume-cell{display:grid}.calculation-items .summary-status{display:none}.advanced-section{border-top:1px solid var(--line)}.advanced-section>summary{min-height:32px;padding-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);align-items:center;font-weight:650;list-style:none;display:flex}.advanced-section>summary::-webkit-details-marker{display:none}.advanced-content{gap:var(--space-2);padding-top:var(--space-2);display:grid}.advanced-settings-grid{gap:var(--space-2);grid-template-columns:minmax(0,1.2fr) minmax(80px,.5fr);align-items:end;display:grid}.operation-segmented{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface-2);grid-template-columns:1fr 1fr;padding:3px;display:grid}.operation-segmented button{border-radius:calc(var(--r-sm) - 3px);min-height:32px;color:var(--muted);font-size:var(--text-sm);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;font-weight:650}.operation-segmented button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.component-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.secondary-action{min-height:32px;padding:0 var(--space-2);border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font-size:var(--text-sm);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:6px;font-weight:600;display:inline-flex}.secondary-action:hover{border-color:var(--muted)}.secondary-action.danger{color:var(--subtract)}.secondary-action.danger:hover{border-color:var(--subtract)}.component-errors{padding:var(--space-3);border:1px solid var(--subtract);border-radius:var(--r-sm);background:var(--subtract-soft);color:var(--subtract);font-size:var(--text-sm)}.component-errors p{margin:2px 0}.options-grid{border-top:1px solid var(--line);gap:var(--space-4);padding:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.options-panel{grid-column:1/-1}.field-group{align-content:start}.volume-converter{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);scroll-margin-top:84px;display:grid}.converter-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.converter-head h2{font-size:var(--text-lg);margin:0;line-height:1.1}.converter-swap{min-width:max-content}.converter-grid{gap:var(--space-3);grid-template-columns:minmax(160px,1.2fr) minmax(130px,1fr) minmax(130px,1fr);align-items:start;display:grid}.converter-result{gap:var(--space-1);padding:var(--space-3);border-radius:var(--r-md);background:var(--accent-soft);border:1px solid #3768d02e;border:1px solid lab(44.9417% 11.7136 -59.9353/.18);display:grid}.converter-result span{color:var(--muted);font-size:var(--text-sm);font-weight:650}.converter-result strong{font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.15}.converter-list{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.converter-list div{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--text-sm);display:flex}.converter-list span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.converter-list strong{font-variant-numeric:tabular-nums;min-width:max-content}.model-card{border:1px solid var(--line-2);border-radius:var(--r-lg);min-height:100%;box-shadow:var(--shadow-md);background:#f8f8f8;background:lab(97.68% -.0000298023 .0000119209);display:grid;overflow:hidden}.model-stage{grid-template-rows:minmax(410px,1fr) auto;min-height:100%;margin:0;display:grid}.model-stage-canvas{isolation:isolate;background:radial-gradient(70% 78% at 52% 40%,#fff 0%,#0000 68%),linear-gradient(145deg,#f2f2f2 0%,#dedede 100%);background:radial-gradient(70% 78% at 52% 40%,lab(100% 0 0) 0%,#0000 68%),linear-gradient(145deg,lab(95.36% 0 0) 0%,lab(88.4% 0 .0000119209) 100%);min-height:clamp(410px,36vw,540px);position:relative;overflow:hidden}.model-stage-canvas:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(#00000009 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#00000008 1px,#0000 1px) 0 0/48px 48px;background:linear-gradient(lab(0% 0 0/.035) 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,lab(0% 0 0/.03) 1px,#0000 1px) 0 0/48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 78%);mask-image:radial-gradient(circle,#000 0%,#0000 78%)}.model-stage-canvas:after{display:none}.dynamic-model-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.model-stage-overlay{z-index:4;pointer-events:none;color:#1b1b1b;color:lab(9.52% -.00000745058 0);font-family:SFMono-Regular,ui-monospace,Consolas,monospace;position:absolute;inset:0}.model-stage-hud{top:var(--space-4);right:var(--space-4);left:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:7px;display:flex;position:absolute}.model-metric{color:#1b1b1b;color:lab(9.52% -.00000745058 0);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;background:lab(100% 0 0/.76);border:1px solid #00000024;border:1px solid lab(0% 0 0/.14);border-radius:6px;align-items:center;gap:6px;min-height:26px;padding:0 9px;font-size:.68rem;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffffbf;box-shadow:inset 0 1px lab(100% 0 0/.75)}.model-metric b{color:#000;color:lab(0% 0 0);font-weight:800}.model-stage-equation{right:var(--space-4);bottom:var(--space-4);text-align:right;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;background:lab(100% 0 0/.78);border:1px solid #0000002e;border:1px solid lab(0% 0 0/.18);border-radius:8px;gap:4px;max-width:min(260px,100% - 120px);padding:10px 12px;display:grid;position:absolute}.model-stage-equation span{color:#3a3a3a;color:lab(24.6% 0 0);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.66rem;font-weight:800;overflow:hidden}.model-stage-equation strong{color:#000;color:lab(0% 0 0);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:800;overflow:hidden}.model-stage-caption{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);background:var(--surface);font-size:var(--text-xs);display:flex}.model-stage-live{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-weight:700;display:inline-flex}.live-dot{background:#292929;background:lab(16.48% 0 0);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #00000014;box-shadow:0 0 0 3px lab(0% 0 0/.08)}.model-stage-shape{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.result-card{gap:var(--space-3);height:100%;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-md);align-content:start;display:grid}.result-headline{display:grid}.result-number{align-items:baseline;gap:var(--space-2);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2.35rem,1.65rem + 2.1vw,3.25rem);font-weight:800;line-height:1;display:flex}.result-unit{color:var(--muted);letter-spacing:0;font-size:.32em;font-weight:700}.result-caption{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-sm);font-weight:600}.stat-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.stat-grid div{padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);background:var(--surface-2)}.stat-grid div:last-child:nth-child(odd){grid-column:1/-1}.stat-grid dt{color:var(--muted);font-size:var(--text-xs);font-weight:600}.stat-grid dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-weight:700}.result-actions{gap:var(--space-2);display:flex}.icon-button{min-height:38px;padding:0 var(--space-2);border-radius:var(--r-sm);background:var(--accent);color:#fff;font-size:var(--text-sm);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;font-weight:650;display:inline-flex}.icon-button:hover{background:var(--accent-press)}.icon-button.secondary{border-color:var(--line-2);background:var(--surface);color:var(--ink-2)}.icon-button.secondary:hover{border-color:var(--muted);background:var(--surface-2)}.estimate-card{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);gap:4px;display:grid}.estimate-card h3{color:var(--muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-weight:700;display:inline-flex}.estimate-card p{font-size:var(--text-xl);font-variant-numeric:tabular-nums;margin:0;font-weight:800}.estimate-card span{color:var(--muted);font-size:var(--text-sm)}.warnings{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--warn);border-radius:var(--r-md);background:var(--warn-soft);color:var(--warn);display:grid}.warnings h3{font-size:var(--text-sm);align-items:center;gap:7px;margin:0 0 2px;display:inline-flex}.warnings p{font-size:var(--text-sm);margin:0}.result-details-group{gap:var(--space-2);display:grid}.disclosure{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.disclosure>summary{min-height:38px;padding:0 var(--space-3);font-size:var(--text-sm);transition:background var(--dur) var(--ease);align-items:center;font-weight:650;list-style:none;display:flex}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:7px;height:7px;transition:transform var(--dur) var(--ease);margin-left:auto;transform:rotate(45deg)}.disclosure[open]>summary:after{transform:rotate(-135deg)}.disclosure>summary:hover{background:var(--surface-2)}.converted-list,.breakdown-list,.formula-block{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);display:grid}.converted-list div,.breakdown-list div{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--text-sm);display:flex}.converted-list span,.breakdown-list span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.converted-list strong,.breakdown-list strong{font-variant-numeric:tabular-nums;min-width:max-content}.formula-block h3{font-size:var(--text-sm);margin:0}.formula-line{gap:4px;display:grid}.formula-line span{color:var(--muted);font-size:var(--text-xs);font-weight:650}code,pre{font-family:SFMono-Regular,ui-monospace,Consolas,monospace;font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere}code{padding:var(--space-2);border-radius:var(--r-sm);background:var(--surface-3);display:block}pre{padding:var(--space-3);border-radius:var(--r-sm);color:#e2ecf9;color:lab(92.9959% -1.55133 -7.29845);background:#151b24;background:lab(9.42785% -.533104 -7.25476);margin:0}.formula-total{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--text-sm);display:flex}.formula-total strong{font-variant-numeric:tabular-nums}.how-to-use{padding:0 0 var(--space-7)}.how-to-panel{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(190px,.7fr) minmax(220px,.9fr) minmax(0,1.35fr);align-items:stretch;display:grid}.how-to-intro{min-width:0;padding:var(--space-2);align-content:center;display:grid}.how-to-intro h2{font-size:var(--text-xl);letter-spacing:0;margin:0;line-height:1.1}.how-to-intro p:last-child{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-sm);line-height:1.6}.how-to-options{gap:var(--space-2);display:grid}.how-to-options button{align-items:center;gap:var(--space-3);width:100%;min-height:58px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);text-align:left;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);display:flex}.how-to-options button:hover{border-color:var(--line-2);background:var(--surface);color:var(--ink)}.how-to-options button.active{border-color:var(--accent);background:var(--surface);color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft)}.how-to-options button svg{color:var(--accent);flex:none}.how-to-options button span{gap:2px;min-width:0;display:grid}.how-to-options strong,.how-to-options small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.how-to-options strong{font-size:var(--text-sm)}.how-to-options small{color:var(--muted);font-size:var(--text-xs);font-weight:650}.how-to-detail{gap:var(--space-4);min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);display:grid}.how-to-detail-head{align-items:flex-start;gap:var(--space-3);display:flex}.how-to-detail-icon{border-radius:var(--r-sm);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);flex:none;place-items:center;display:inline-grid}.how-to-detail h3{font-size:var(--text-lg);letter-spacing:0;margin:0;line-height:1.2}.how-to-detail ol{gap:var(--space-2);color:var(--ink-2);margin:0;padding-left:1.25rem;display:grid}.how-to-detail li{padding-left:2px}.how-to-tip{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--add);border-radius:var(--r-sm);background:var(--add-soft);color:var(--ink-2);font-size:var(--text-sm);margin:0;font-weight:600;display:flex}.how-to-tip svg{color:var(--add);flex:none;margin-top:2px}.seo-content{gap:var(--space-5);padding:var(--space-7) 0 var(--space-8);border-top:1px solid var(--line);display:grid}.seo-content-head{max-width:780px}.seo-content h2{margin:0;font-size:clamp(1.5rem,1.1rem + 1.4vw,2rem)}.seo-content-head p:last-child{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-md);line-height:1.65}.seo-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.seo-content article{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.seo-content article h3{margin:0 0 var(--space-2);font-size:var(--text-md)}.seo-content article strong{color:var(--ink);font-weight:800}.seo-content p,.seo-content li{color:var(--muted);line-height:1.6}.seo-content ul{margin:0;padding-left:1.1rem}.seo-detail-grid{gap:var(--space-4);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);display:grid}.seo-list-panel{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.seo-list-panel h3{margin:0 0 var(--space-3);font-size:var(--text-md)}.related-calculator-list{gap:var(--space-2);display:grid}.related-calculator-list a{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);gap:3px;display:grid}.related-calculator-list a:hover{border-color:var(--line-2);background:var(--surface)}.related-calculator-list strong{color:var(--accent);font-size:var(--text-sm);text-transform:capitalize}.related-calculator-list span{color:var(--muted);font-size:var(--text-sm);line-height:1.5}.faq-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.faq-grid details{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.faq-grid summary{cursor:pointer;font-weight:650}.faq-grid p{margin:var(--space-3) 0 0}.disclaimer{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--muted);font-size:var(--text-sm);margin:0}@media (max-width:980px){.workbench-grid,.work-input,.visual-stage{grid-template-columns:1fr}.result-card{height:auto}.work-output{position:static}.how-to-panel{grid-template-columns:1fr}.how-to-intro{padding:0}.how-to-options{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-detail-grid{grid-template-columns:1fr}}@media (max-width:620px){:root{--bottom-navigation-height:74px;--title:clamp(1.72rem, 1.2rem + 4vw, 2.45rem)}.workbench,.calculator-links,.how-to-use,.seo-content,.utility-page{width:calc(100% - 2 * var(--space-4))}.bottom-navigation{padding-top:7px;padding-right:var(--space-3);padding-left:var(--space-3)}.site-header{padding-right:var(--space-4);padding-left:var(--space-4)}.site-nav{display:none}.bottom-navigation-inner{gap:var(--space-2);grid-template-columns:minmax(72px,.8fr) minmax(0,1.4fr);display:grid;overflow:visible}.bottom-navigation-group{display:contents}.bottom-navigation-divider,.bottom-navigation .utility-links{display:none}.bottom-navigation a{width:auto;min-width:0;min-height:52px;font-size:var(--text-xs);flex-direction:column;gap:3px;padding:5px 6px}.bottom-navigation a span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.bottom-navigation .calculator-nav-select{width:100%;min-width:0;min-height:52px;padding:5px var(--space-2);align-items:stretch;gap:2px}.bottom-navigation .calculator-nav-select>span{text-align:center;font-size:.65rem}.bottom-navigation .calculator-nav-select select{width:100%;min-width:0;height:28px;font-size:var(--text-xs)}.utility-page{padding-top:var(--space-5)}.utility-card{padding:var(--space-4)}.workbench{padding-top:var(--space-4)}.calculator-links{gap:var(--space-3);padding-bottom:var(--space-5)}.calculator-links-head{gap:var(--space-2);display:grid}.calculator-links-head h2{font-size:1rem}.calculator-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-link-grid a{min-height:44px;font-size:1rem}.tool-head{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column}.tool-head h1{line-height:1.07}.lede{margin-top:var(--space-2);font-size:1rem;line-height:1.55}.workbench-stack{gap:var(--space-3)}.work-input{order:-1}.input-panel,.result-card{padding:var(--space-3)}.field,.component-name,.toggle,.check,.solid-button,.ghost-button,.icon-button{font-size:1rem}.field input,.field select,.component-name input,.input-panel .field input,.input-panel .field select,.input-panel .component-name input,.solid-button,.ghost-button,.icon-button{min-height:44px}.model-stage{grid-template-rows:minmax(280px,1fr) auto}.model-stage-canvas{min-height:280px}.model-stage-hud{top:var(--space-3);right:var(--space-3);left:var(--space-3)}.model-metric{min-height:24px;padding:0 7px;font-size:.62rem}.model-stage-equation{right:var(--space-3);bottom:var(--space-3);max-width:calc(100% - 108px)}.options-grid,.converter-grid,.converter-list,.how-to-options,.seo-grid,.seo-detail-grid,.faq-grid,.dimension-grid,.unit-checks,.advanced-settings-grid{grid-template-columns:1fr}.calculation-items .component-summary{grid-template-columns:minmax(0,1fr) minmax(76px,auto)}.calculation-items .component-summary .summary-cell{display:none}.calculation-items .component-summary .volume-cell{display:grid}.how-to-use{padding-bottom:var(--space-6)}.how-to-panel,.how-to-detail{padding:var(--space-3)}.component-summary{grid-template-columns:minmax(0,1fr) auto}.component-summary .summary-cell{display:none}.visual-stage{gap:var(--space-3)}.visual-stage .result-card{order:-1}}