.paint-calculator{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.paint-calculator .buttons{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.paint-calculator .buttons button{min-height:40px;padding:0 var(--s2);font-size:.85rem}.paint-calculator .buttons button[aria-pressed=true]{background-color:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:650}.paint-calculator .buttons button[aria-pressed=true]:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.paint-calculator .option{align-items:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s3);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);display:flex}.paint-calculator .option label{cursor:pointer;flex:1}