:root{--sqft-primary:#ea580c;--sqft-primary-light:#fff7ed;--sqft-primary-lighter:#fed7aa;--sqft-text:#1e293b;--sqft-text-secondary:#475569;--sqft-text-muted:#64748b;--sqft-bg:#fff;--sqft-bg-secondary:#f8fafc;--sqft-border:#e2e8f0;--sqft-border-light:#f1f5f9;--sqft-radius:var(--main-radius,.5rem);--sqft-radius-lg:var(--main-radius-lg,.75rem);--sqft-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--sqft-shadow-md:0 4px 12px #00000014;--sqft-success:#059669;--sqft-danger:#dc2626}._sqft-container{max-width:640px;margin:0 auto}._sqft-hidden{display:none!important}@media (max-width:768px){._sqft-container{padding-left:1rem;padding-right:1rem}}._sqft-shapes{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}._sqft-shape{background:var(--sqft-bg);border-style:solid;border-width:1.5px;border-color:var(--sqft-border);border-radius:var(--sqft-radius);cursor:pointer;white-space:nowrap;color:var(--sqft-text-secondary);box-shadow:var(--sqft-shadow);flex-direction:column;align-items:center;gap:.375rem;min-width:80px;padding:.625rem .875rem;font-size:.75rem;font-weight:500;display:flex}._sqft-shape:hover{border-color:var(--sqft-primary);color:var(--sqft-primary)}._sqft-shape._sqft-shape-active{border-color:var(--sqft-primary);background:var(--sqft-primary-light);color:var(--sqft-primary);box-shadow:0 2px 8px #ea580c26}._sqft-shape-icon{width:28px;height:22px}._sqft-presets{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}._sqft-presets-label{color:var(--sqft-text-muted);white-space:nowrap;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}._sqft-presets-list{flex-wrap:wrap;gap:.375rem;display:flex}._sqft-preset{background:var(--sqft-bg);border-style:solid;border-width:1px;border-color:var(--sqft-border);border-radius:var(--main-radius-full,9999px);color:var(--sqft-text-secondary);cursor:pointer;white-space:nowrap;padding:.25rem .625rem;font-size:.75rem;font-weight:500}._sqft-preset:hover{border-color:var(--sqft-primary);color:var(--sqft-primary)}._sqft-preset._sqft-preset-active{background:var(--sqft-primary);border-color:var(--sqft-primary);color:#fff}@media (max-width:480px){._sqft-shape{min-width:68px;padding:.5rem .625rem;font-size:.6875rem}._sqft-shape-icon{width:24px;height:18px}._sqft-presets{gap:.375rem}._sqft-preset{padding:.1875rem .5rem;font-size:.6875rem}}._sqft-calculator{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}._sqft-input-section{flex-direction:column;gap:1rem;display:flex}._sqft-unit-row{align-items:center;gap:.75rem;display:flex}._sqft-unit-row ._sqft-label{color:var(--sqft-text-secondary);white-space:nowrap;font-size:.8125rem;font-weight:600}._sqft-label{color:var(--sqft-text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}._sqft-select{background:var(--sqft-bg);border-style:solid;border-width:1.5px;border-color:var(--sqft-border);border-radius:var(--sqft-radius);width:100%;color:var(--sqft-text);cursor:pointer;padding:.5rem .75rem;font-size:.875rem}._sqft-select:focus{border-color:var(--sqft-primary);outline:none;box-shadow:0 0 0 3px #ea580c1a}._sqft-select-sm{width:auto;min-width:80px}._sqft-fields{flex-direction:column;gap:.75rem;display:flex}._sqft-field{flex:1}._sqft-field-group{background:var(--sqft-bg-secondary);border-radius:var(--sqft-radius);border-style:dashed;border-width:1px;border-color:var(--sqft-border);padding:.75rem}._sqft-field-group-label{color:var(--sqft-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}._sqft-field-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}._sqft-input-wrap{align-items:center;display:flex;position:relative}._sqft-input{background:var(--sqft-bg);border-style:solid;border-width:1.5px;border-color:var(--sqft-border);border-radius:var(--sqft-radius);width:100%;color:var(--sqft-text);padding:.5625rem 2.5rem .5625rem .75rem;font-family:inherit;font-size:.9375rem}._sqft-input:focus{border-color:var(--sqft-primary);outline:none;box-shadow:0 0 0 3px #ea580c1a}._sqft-input::placeholder{color:#94a3b8}._sqft-input-unit{color:var(--sqft-text-muted);pointer-events:none;font-size:.8125rem;font-weight:500;position:absolute;right:.75rem}._sqft-preview{background:var(--sqft-bg);border-style:solid;border-width:1.5px;border-color:var(--sqft-border);border-radius:var(--sqft-radius-lg);box-shadow:var(--sqft-shadow);justify-content:center;align-items:center;min-height:180px;padding:1rem;display:flex}._sqft-preview-svg{width:100%;max-width:200px;height:auto;overflow:visible}._sqft-preview-svg text{fill:var(--sqft-text-secondary);font-family:inherit;font-size:11px}._sqft-preview-svg .shape-fill{fill:#ea580c14;stroke:var(--sqft-primary);stroke-width:2px}._sqft-preview-svg .dim-line{stroke:var(--sqft-text-muted);stroke-width:1px;stroke-dasharray:4 3}._sqft-preview-svg .dim-text{fill:var(--sqft-primary);font-family:inherit;font-size:12px;font-weight:600}._sqft-cost-section{margin-top:1rem}._sqft-cost-toggle{background:var(--sqft-bg);border-style:solid;border-width:1.5px;border-color:var(--sqft-border);border-radius:var(--sqft-radius);width:100%;color:var(--sqft-text-secondary);cursor:pointer;box-shadow:var(--sqft-shadow);align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:flex}._sqft-cost-toggle:hover{border-color:var(--sqft-primary);color:var(--sqft-primary)}._sqft-cost-toggle svg:last-child{margin-left:auto;transition:transform .2s}._sqft-cost-toggle._sqft-cost-open svg:last-child{transform:rotate(180deg)}._sqft-cost-body{background:var(--sqft-bg);border-style:solid;border-width:1.5px;border-color:var(--sqft-border);border-radius:var(--sqft-radius);box-shadow:var(--sqft-shadow);margin-top:.75rem;padding:1rem}._sqft-cost-input-row{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}._sqft-cost-input-row ._sqft-input-wrap{flex:1}._sqft-cost-input-row ._sqft-input{padding-right:.75rem}._sqft-cost-result{border-top-style:dashed;border-top-width:1px;border-top-color:var(--sqft-border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}._sqft-cost-label{color:var(--sqft-text-secondary);font-size:.875rem;font-weight:500}._sqft-cost-value{color:var(--sqft-success);font-size:1.25rem;font-weight:700}@media (max-width:640px){._sqft-calculator{grid-template-columns:1fr}._sqft-preview{min-height:150px}._sqft-field-row{grid-template-columns:1fr}}._sqft-results{background:var(--sqft-bg);border-style:solid;border-width:1.5px;border-color:var(--sqft-border);border-radius:var(--sqft-radius-lg);box-shadow:var(--sqft-shadow-md);margin-bottom:1rem;padding:1.25rem}._sqft-result-main{text-align:center;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--sqft-border-light);margin-bottom:1rem;padding-bottom:1rem}._sqft-result-label{color:var(--sqft-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}._sqft-result-value-wrap{justify-content:center;align-items:baseline;gap:.5rem;display:flex}._sqft-result-value{color:var(--sqft-primary);font-size:2.25rem;font-weight:800;line-height:1.1;font-family:var(--main-font-mono)}._sqft-result-unit{color:var(--sqft-text-muted);font-size:1rem;font-weight:600}._sqft-formula{text-align:center;background:var(--sqft-bg-secondary);border-radius:var(--sqft-radius);border-style:dashed;border-width:1px;border-color:var(--sqft-border);font-size:.8125rem;font-family:var(--main-font-mono);color:var(--sqft-text-secondary);word-break:break-word;margin-bottom:.75rem;padding:.625rem .75rem;line-height:1.5}._sqft-formula strong{color:var(--sqft-primary);font-weight:700}._sqft-comparison{text-align:center;color:var(--sqft-text-muted);margin-bottom:.75rem;padding:.375rem .75rem;font-size:.8125rem;font-style:italic;font-weight:500}._sqft-conversions{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}._sqft-conv-item{background:var(--sqft-bg-secondary);border-radius:var(--sqft-radius);border-style:solid;border-width:1px;border-color:var(--sqft-border-light);flex-direction:column;align-items:center;padding:.5rem .375rem;display:flex}._sqft-conv-value{color:var(--sqft-text);font-size:.9375rem;font-weight:700;font-family:var(--main-font-mono);line-height:1.3}._sqft-conv-label{color:var(--sqft-text-muted);font-size:.6875rem;font-weight:500}._sqft-zone-section{margin-top:.25rem}._sqft-btn{border-radius:var(--sqft-radius);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}._sqft-btn-add{background:var(--sqft-primary);color:#fff;box-shadow:0 2px 6px #ea580c33}._sqft-btn-add:hover{opacity:.9}._sqft-zones{background:var(--sqft-bg);border-style:solid;border-width:1.5px;border-color:var(--sqft-border);border-radius:var(--sqft-radius-lg);box-shadow:var(--sqft-shadow);margin-top:.75rem;overflow:hidden}._sqft-zone-item{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--sqft-border-light);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}._sqft-zone-item:last-child{border-bottom:none}._sqft-zone-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}._sqft-zone-name{color:var(--sqft-text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}._sqft-zone-area{color:var(--sqft-text);font-size:.875rem;font-weight:700;font-family:var(--main-font-mono)}._sqft-zone-subtract ._sqft-zone-area{color:var(--sqft-danger)}._sqft-zone-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}._sqft-zone-btn{border-radius:var(--sqft-radius);cursor:pointer;background:var(--sqft-bg-secondary);width:28px;height:28px;color:var(--sqft-text-muted);border:none;justify-content:center;align-items:center;display:flex}._sqft-zone-btn:hover{color:var(--sqft-text);background:var(--sqft-border)}._sqft-zone-btn-mode{border-radius:var(--sqft-radius);border-style:solid;border-width:1.5px;border-color:var(--sqft-success);width:28px;height:28px;color:var(--sqft-success);cursor:pointer;background:#05966914;font-size:.875rem;font-weight:700}._sqft-zone-btn-mode:hover{opacity:.8}._sqft-zone-subtract ._sqft-zone-btn-mode{border-color:var(--sqft-danger);color:var(--sqft-danger);background:#dc262614}._sqft-zone-btn-remove:hover{color:var(--sqft-danger)}._sqft-zones-total{background:var(--sqft-primary-light);border-top-style:solid;border-top-width:1.5px;border-top-color:var(--sqft-primary-lighter);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._sqft-zones-total-label{color:var(--sqft-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.875rem;font-weight:700}._sqft-zones-total-value{color:var(--sqft-primary);font-size:1.125rem;font-weight:800;font-family:var(--main-font-mono)}@media (max-width:480px){._sqft-result-value{font-size:1.75rem}._sqft-conversions{grid-template-columns:repeat(2,1fr)}._sqft-zone-item{padding:.5rem .75rem}}