.ScreenSizeConverter-module__a20zaa__container{flex-direction:column;gap:16px;max-width:520px;margin:40px auto;padding:0 20px 40px;display:flex}.ScreenSizeConverter-module__a20zaa__title{color:#1a3a5c;font-size:1.5rem;font-weight:700}.ScreenSizeConverter-module__a20zaa__card{background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:20px 24px;display:flex;box-shadow:0 1px 4px #00000012}.ScreenSizeConverter-module__a20zaa__field{flex-direction:column;gap:6px;display:flex}.ScreenSizeConverter-module__a20zaa__fieldLabel{color:#888;font-size:.8rem;font-weight:500}.ScreenSizeConverter-module__a20zaa__inputGroup{align-items:center;gap:8px;display:flex}.ScreenSizeConverter-module__a20zaa__unitSuffix{color:#888;font-size:.95rem}.ScreenSizeConverter-module__a20zaa__fieldInput{color:#1a3a5c;text-align:right;border:1.5px solid #d0dbe8;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:1rem;transition:border-color .15s}.ScreenSizeConverter-module__a20zaa__fieldInput:focus{border-color:#1a3a5c}.ScreenSizeConverter-module__a20zaa__ratioRow{flex-wrap:wrap;gap:6px;display:flex}.ScreenSizeConverter-module__a20zaa__ratioBtn{color:#1a3a5c;cursor:pointer;background:#fff;border:1.5px solid #d0dbe8;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.85rem}.ScreenSizeConverter-module__a20zaa__ratioBtn:hover{background:#f0f4f8}.ScreenSizeConverter-module__a20zaa__ratioActive{color:#fff!important;background:#1a3a5c!important;border-color:#1a3a5c!important}.ScreenSizeConverter-module__a20zaa__resultCard{background:#f0f6ff;border:1.5px solid #c8daf0}.ScreenSizeConverter-module__a20zaa__results{flex-direction:column;gap:10px;display:flex}.ScreenSizeConverter-module__a20zaa__resultRow{border-bottom:1px solid #dce8f5;justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.ScreenSizeConverter-module__a20zaa__resultLabel{color:#555;font-size:.88rem}.ScreenSizeConverter-module__a20zaa__resultValue{color:#1a3a5c;font-size:1.05rem;font-weight:600}.ScreenSizeConverter-module__a20zaa__totalRow{border-top:2px solid #c8daf0;border-bottom:none;margin-top:4px;padding-top:12px}.ScreenSizeConverter-module__a20zaa__resultTotal{color:#1a3a5c;font-size:1.4rem;font-weight:800}.ScreenSizeConverter-module__a20zaa__placeholder{color:#aaa;text-align:center;padding:12px 0;font-size:.88rem}@media (max-width:640px){.ScreenSizeConverter-module__a20zaa__container{margin:16px auto;padding:0 12px 24px}}