.card{background:#fff;border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);padding:var(--spacing-md)}.calculator-container form{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.form-section:not(.buttons){border-radius:var(--border-radius-sm);flex:1;min-width:30%;overflow:hidden;padding:var(--spacing-md)}#tile-calculator .form-section.gap-size,#tile-calculator .form-section.price,#tile-calculator .form-section.tile-size{background-color:#88d1d633}#paint-calculator .form-section.area-cover,#tile-calculator .form-section.area-cover,#tile-calculator .form-section.box-size{background-color:#b0d5e633}#flooring-calculator .form-section.price,#flooring-calculator .form-section.roll-params{background-color:#4a6b5a33}#flooring-calculator .form-section.area-cover,#flooring-calculator .form-section.installation-method{background-color:#8b735533}#lighting-calculator .form-section.brightness-needs,#lighting-calculator .form-section.price{background-color:#ffdab940}#lighting-calculator .form-section.area-cover{background-color:#ffe4b540}.form-section.daily-usage{background-color:#4a6b5a33}.form-section.location-settings{background-color:#add8e633}.form-section.box-size,.form-section.brightness-needs,.form-section.panel-specs{background-color:#8b735533}.form-section.buttons{align-items:end;display:flex;flex:auto;gap:var(--spacing-sm);justify-content:flex-end;min-width:100%;padding:0}.section-header{padding:0 0 var(--spacing-sm) 0}.section-header h3{font-size:var(--font-size-base);margin:0}.section-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-row label{font-size:var(--font-size-sm);font-weight:800;margin-bottom:var(--spacing-xs)}.input-with-unit{align-items:end;display:flex;gap:var(--spacing-xs);justify-content:stretch}.area-input{min-height:125px}.radio-group{display:flex;gap:var(--spacing-md)}.radio-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-xs)}.recommendations{background:#fff;border-radius:var(--border-radius-sm);box-shadow:var(--card-shadow);display:grid;grid-template-columns:repeat(4,1fr);margin:var(--spacing-md) 0;overflow:hidden}.recommendations-header{display:contents}.recommendations-header>div{background:var(--primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm);text-align:left}.recommendations-body,.recommendations-row{display:contents}.recommendations-row>div{background:#fff;border-bottom:1px solid var(--border);font-size:var(--font-size-sm);padding:var(--spacing-sm);text-align:left}.recommendations-row:last-child>div{border-bottom:none}.highlight{color:var(--primary);font-size:var(--font-size-md);font-weight:600}.related-calculators{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-md)}.related-calculators .card{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;text-align:center}@media (max-width:600px){.calculator-container{background-color:var(--background);border-radius:0;box-shadow:none;margin:0 calc(var(--spacing-sm)*-1);padding:var(--spacing-xs)}.form-section:not(.buttons){box-shadow:var(--card-shadow);min-width:100%;padding:var(--spacing-sm)}input[type=submit]{flex-grow:1;order:1}.recommendations{gap:0;grid-template-columns:1fr}.recommendations-header{display:none}.recommendations-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-sm)}.recommendations-row,.recommendations-row>div{display:grid;gap:var(--spacing-xs);padding:var(--spacing-xs)}.recommendations-row>div{border-bottom:none;grid-template-columns:1fr}.recommendations-row>div:before{color:var(--primary);content:attr(data-label);font-weight:600}.recommendations-row:last-child{border-bottom:none;margin-bottom:0}.highlight{font-size:var(--font-size-base)}.related-calculators{grid-template-columns:1fr}}button:focus,input:focus,select:focus{outline:2px solid var(--primary)}#dimensionid{display:none}input[name=areasetting][value=d]:checked~#dimensionid{display:block}input[name=areasetting][value=d]:checked~#totalareaid{display:none}input[name=areasetting][value=a]:checked~#totalareaid{display:block}input[name=areasetting][value=a]:checked~#dimensionid{display:none}.slider-container{width:100%}.slider{background:var(--background);border-radius:var(--border-radius-sm);box-shadow:inset 0 1px 3px #0000001a;display:flex;position:relative}.slider input[type=radio]{display:none}.slider-option{cursor:pointer;flex:1;padding:var(--spacing-xxs);position:relative;text-align:center;transition:color .3s ease;z-index:1}.slider-option span{color:var(--text);font-size:.9rem;font-weight:500;transition:color .3s ease}.slider input[type=radio]:checked+.slider-option span{color:#fff}.slider-track{background:var(--primary);border-radius:var(--border-radius-sm);height:calc(100% - var(--slider-gap)*2);left:var(--slider-gap);position:absolute;top:var(--slider-gap);transition:transform .3s ease;z-index:0}.slider input[type=radio]:first-child:checked~.slider-track{transform:translate(0);width:calc(50% - var(--slider-gap))}.slider input[type=radio]:nth-child(3):checked~.slider-track{transform:translate(100%);width:calc(50% - var(--slider-gap))}.slider-option:hover span{color:var(--secondary)}.slider input[type=radio]:focus+.slider-option{outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}#paint-calculator .form-section.price,#paint-calculator .form-section.room-dimensions{background-color:#88d1d633}#color-calculator .form-section.age-group,#color-calculator .form-section.room-goal,#paint-calculator .form-section.openings,#paint-calculator .form-section.paint-coverage{background-color:#b0d5e633}#color-calculator .form-section.additional-preferences{background-color:#ffdab940}#color-calculator .form-section.color-preferences,.form-section.system-specs,.form-section.system-type{background-color:#4a6b5a33}.form-section.repair-details{background-color:#add8e633}.form-section.room-details{background-color:#8b735533}.form-section.diy-options{background-color:#b0d5e633}.form-section.project-type{background-color:#8b735533}.form-section.roof-specs{background-color:#b0d5e633}.form-group{background-color:#4a6b5a33;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.color-checkboxes{display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:var(--spacing-xs)}.color-checkbox{align-items:center;display:flex;gap:var(--spacing-xs)}.color-checkbox input[type=checkbox]{display:none}.color-label{border:2px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:500;min-width:120px;padding:var(--spacing-sm);text-align:left;transition:all var(--transition-fast)}.color-name{font-weight:600;margin-bottom:var(--spacing-xxs)}.color-description{font-size:var(--font-size-xs);line-height:1.2;opacity:.8}.color-checkbox input[type=checkbox]:checked+.color-label{border-color:var(--text);transform:scale(1.05)}.color-swatch.blue{background-color:#e3f2fd;color:#1565c0}.color-swatch.green{background-color:#e8f5e8;color:#2e7d32}.color-swatch.yellow{background-color:#fff8e1;color:#f57f17}.color-swatch.purple{background-color:#f3e5f5;color:#7b1fa2}.color-swatch.pink{background-color:#fce4ec;color:#c2185b}.color-swatch.orange{background-color:#fff3e0;color:#ef6c00}.color-swatch.red{background-color:#ffebee;color:#c62828}.color-swatch.neutral{background-color:#f5f5f5;color:#424242}.color-swatch.teal{background-color:#e0f2f1;color:#00695c}.color-swatch.brown{background-color:#efebe9;color:#5d4037}.color-result{border-radius:var(--border-radius-sm);color:var(--text);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:inline-block;height:30px;margin-right:var(--spacing-sm);vertical-align:middle;width:30px}.color-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.color-tag{background-color:var(--background);border-radius:var(--border-radius-sm);color:var(--text);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xxs) var(--spacing-xs)}@media (max-width:600px){.color-checkboxes{grid-template-columns:repeat(5,1fr)}.color-label{font-size:.8rem;min-width:100px;padding:var(--spacing-xs)}.color-name{font-size:.7rem}.color-description{font-size:.6rem}}