.percentCalc__modeSwitch{display:flex;gap:0;margin-bottom:28px;border-radius:10px;overflow:hidden;border:1.5px solid #e5e7eb}.percentCalc__modeBtn{flex:1;padding:12px 8px;font-size:0.8125rem;font-weight:600;border:none;background-color:#fff;color:#6b7280;cursor:pointer;transition:all 0.2s ease;font-family:inherit;letter-spacing:0.03em;min-height:48px;line-height:1.3}.percentCalc__modeBtn+.percentCalc__modeBtn{border-left:1.5px solid #e5e7eb}.percentCalc__modeBtn_state_active{background-color:#059669;color:#fff}.percentCalc__modeBtn:not(.percentCalc__modeBtn_state_active):hover{background-color:#f3f4f6}.percentCalc__panel{margin-bottom:8px}.percentCalc__panelGuide{font-size:0.875rem;color:#6b7280;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;margin-bottom:20px;font-family:"SF Mono","Consolas","Liberation Mono",monospace;letter-spacing:0.02em}.percentCalc__inputGroup{display:flex;gap:16px;flex-wrap:wrap}.percentCalc__inputGroup .toolInput{flex:1;min-width:180px}.percentCalc__calcBtn{width:100%;margin-top:4px}@media (max-width:640px){.percentCalc__modeSwitch{flex-wrap:wrap;border-radius:10px}.percentCalc__modeBtn{flex:1 1 calc(50% - 0px);font-size:0.8125rem;padding:10px 6px;min-height:44px}.percentCalc__modeBtn:nth-child(3),.percentCalc__modeBtn:nth-child(4){border-top:1.5px solid #e5e7eb}.percentCalc__modeBtn:nth-child(2){border-left:1.5px solid #e5e7eb}.percentCalc__modeBtn:nth-child(3){border-left:none}.percentCalc__modeBtn:nth-child(4){border-left:1.5px solid #e5e7eb}.percentCalc__inputGroup{flex-direction:column;gap:0}.percentCalc__panelGuide{font-size:0.8125rem;padding:8px 12px}}