.calc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.calc-input{padding:22px 24px}.calc label{display:block;font-weight:700;font-size:.9rem;margin-bottom:8px}.calc textarea{width:100%;min-height:128px;resize:vertical;font:inherit;font-size:1.02rem;line-height:1.55;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.calc textarea:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.readout{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);background:var(--surface-2)}@media (max-width:620px){.readout{grid-template-columns:repeat(2,1fr)}}.readout .cell{padding:18px 20px;border-right:1px solid var(--border);border-top:1px solid var(--border)}.readout .cell:nth-child(-n+4){border-top:none}@media (max-width:620px){.readout .cell:nth-child(-n+2){border-top:none}.readout .cell:nth-child(2n){border-right:none}}.readout .k{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.readout .v{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:4px}.readout .v.small{font-size:1rem}.readout .v small{font-size:.8rem;font-weight:600;color:var(--muted)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:800}.badge.gsm{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.badge.ucs{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.segments-1{color:var(--ok)}.segments-many{color:var(--accent)}.calc-note{padding:14px 24px;font-size:.9rem;color:var(--muted);border-top:1px solid var(--border);background:var(--surface);margin:0}.calc-note .flag{color:var(--accent);font-weight:700}.calc-note code{background:var(--surface-2);padding:1px 6px;border-radius:5px;font-size:.86em}.cost-row{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:16px;gap:16px;align-items:end;padding:20px 24px;border-top:1px solid var(--border);background:var(--surface)}@media (max-width:620px){.cost-row{grid-template-columns:1fr 1fr}}.cost-row label{font-size:.82rem;font-weight:700;display:block;margin-bottom:6px}.cost-row input{width:100%;font:inherit;font-size:1rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.cost-row input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.cost-total{text-align:right}@media (max-width:620px){.cost-total{grid-column:1/-1;text-align:left}}.cost-total .k{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.cost-total .v{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;color:var(--primary)}