.MarginCalculator-module-scss-module__kokziW__margin-widget{background-color:var(--color-bg-widget);border-radius:var(--radius-lg);box-shadow:var(--shadow-widget);overflow:hidden}.MarginCalculator-module-scss-module__kokziW__margin-widget__form{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:640px){.MarginCalculator-module-scss-module__kokziW__margin-widget__form{padding:var(--spacing-xl)}}.MarginCalculator-module-scss-module__kokziW__margin-widget__mode{background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);gap:3px;padding:3px;display:flex}.MarginCalculator-module-scss-module__kokziW__margin-widget__mode-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:calc(var(--radius-sm) - 2px);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:background-color var(--transition-base),color var(--transition-base);text-align:center;flex:1;font-weight:500}.MarginCalculator-module-scss-module__kokziW__margin-widget__mode-btn--active{background-color:var(--color-bg-widget);color:var(--color-primary);box-shadow:var(--shadow-card);font-weight:600}.MarginCalculator-module-scss-module__kokziW__margin-widget__row{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.MarginCalculator-module-scss-module__kokziW__margin-widget__row{grid-template-columns:1fr 1fr}}.MarginCalculator-module-scss-module__kokziW__margin-widget__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.MarginCalculator-module-scss-module__kokziW__margin-widget__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.MarginCalculator-module-scss-module__kokziW__margin-widget__input,.MarginCalculator-module-scss-module__kokziW__margin-widget__select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);font-family:var(--font-family);transition:border-color var(--transition-base),box-shadow var(--transition-base);appearance:none}.MarginCalculator-module-scss-module__kokziW__margin-widget__input:focus,.MarginCalculator-module-scss-module__kokziW__margin-widget__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.MarginCalculator-module-scss-module__kokziW__margin-widget__input{-moz-appearance:textfield}.MarginCalculator-module-scss-module__kokziW__margin-widget__input::-webkit-outer-spin-button{appearance:none}.MarginCalculator-module-scss-module__kokziW__margin-widget__input::-webkit-inner-spin-button{appearance:none}.MarginCalculator-module-scss-module__kokziW__margin-widget__toggle{gap:var(--spacing-xs);display:flex}.MarginCalculator-module-scss-module__kokziW__margin-widget__toggle-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-bg);transition:all var(--transition-base);flex:1;font-weight:500}.MarginCalculator-module-scss-module__kokziW__margin-widget__toggle-btn--active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.MarginCalculator-module-scss-module__kokziW__margin-widget__btn{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-base);border-radius:var(--radius-sm);transition:background-color var(--transition-base),transform var(--transition-base);width:100%;font-weight:600}@media (min-width:640px){.MarginCalculator-module-scss-module__kokziW__margin-widget__btn{align-self:flex-start;width:auto;min-width:160px}}.MarginCalculator-module-scss-module__kokziW__margin-widget__btn:hover{background-color:var(--color-primary-hover)}.MarginCalculator-module-scss-module__kokziW__margin-widget__btn:active{transform:scale(.98)}.MarginCalculator-module-scss-module__kokziW__margin-widget__results{border-top:1px solid var(--color-border);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);gap:var(--spacing-lg);flex-direction:column;display:flex}@media (min-width:640px){.MarginCalculator-module-scss-module__kokziW__margin-widget__results{padding:var(--spacing-xl)}}.MarginCalculator-module-scss-module__kokziW__margin-widget__result-main{gap:var(--spacing-xs);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.MarginCalculator-module-scss-module__kokziW__margin-widget__result-main-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.MarginCalculator-module-scss-module__kokziW__margin-widget__result-main-value{color:var(--color-primary);font-size:36px;font-weight:700;line-height:1.1}.MarginCalculator-module-scss-module__kokziW__margin-widget__result-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}@media (min-width:640px){.MarginCalculator-module-scss-module__kokziW__margin-widget__result-grid{grid-template-columns:repeat(3,1fr)}}.MarginCalculator-module-scss-module__kokziW__margin-widget__result-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.MarginCalculator-module-scss-module__kokziW__margin-widget__result-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.MarginCalculator-module-scss-module__kokziW__margin-widget__result-value{font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:700;line-height:1.2}.MarginCalculator-module-scss-module__kokziW__margin-widget__result-value--accent{color:var(--color-primary)}