.website-form-calc{max-width:900px;margin:2rem auto;padding:1.75rem;background:hsl(var(--muted)/.35);border:2px solid hsl(var(--primary)/.35);border-radius:1rem;direction:rtl;text-align:right}.website-form-calc__title{margin:0 0 1rem;text-align:center;color:hsl(var(--primary));font-size:1.35rem;font-weight:700}.website-form-calc__desc{margin-bottom:1.25rem;font-size:.95rem;color:hsl(var(--muted-foreground))}.website-form-calc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1rem}.website-form-calc__field{display:flex;flex-direction:column;gap:.35rem}.website-form-calc__label{font-size:.875rem;font-weight:600}.website-form-calc__unit{font-weight:400;opacity:.75}.website-form-calc__input{width:100%;min-height:2.5rem;padding:.5rem .75rem;border:1px solid hsl(var(--border));border-radius:.625rem;background:hsl(var(--background));font-size:.95rem;outline:none}.website-form-calc__input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary)/.15)}.website-form-calc__submit{width:100%;margin-top:1.25rem;padding:.85rem 1rem;border:none;border-radius:.75rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s ease}.website-form-calc__submit:hover{opacity:.92}.website-form-calc__error{margin:.75rem 0 0;color:hsl(var(--destructive));font-size:.875rem}.website-form-calc__results{margin-top:1.25rem;padding:1rem;border-radius:.75rem;border:1px solid hsl(var(--border));background:hsl(var(--background));display:flex;flex-direction:column;gap:.65rem}.website-form-calc__result-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.website-form-calc__result-label{font-size:.875rem;color:hsl(var(--muted-foreground))}.website-form-calc__result-value{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.website-form-calc__result-unit{font-size:.85rem;font-weight:500;color:hsl(var(--muted-foreground))}.website-form-calc__result-muted{font-size:.875rem;color:hsl(var(--muted-foreground))}@media (max-width:640px){.website-form-calc{padding:1.1rem;margin:1.25rem auto}}