.FretDistanceCalculator-module__W_ws_G__container{flex-direction:column;gap:20px;max-width:520px;margin:40px auto;padding:0 20px 40px;display:flex}.FretDistanceCalculator-module__W_ws_G__title{color:#1a3a5c;font-size:1.5rem;font-weight:700}.FretDistanceCalculator-module__W_ws_G__card{background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:20px 24px;display:flex;box-shadow:0 1px 4px #00000012}.FretDistanceCalculator-module__W_ws_G__row{gap:12px;display:flex}.FretDistanceCalculator-module__W_ws_G__field{flex-direction:column;flex:2;gap:8px;display:flex}.FretDistanceCalculator-module__W_ws_G__fieldSmall{flex-direction:column;flex:1;gap:8px;display:flex}.FretDistanceCalculator-module__W_ws_G__fieldLabel{color:#888;font-size:.8rem;font-weight:500}.FretDistanceCalculator-module__W_ws_G__fieldInput{color:#1a3a5c;box-sizing:border-box;border:1.5px solid #d0dbe8;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:1rem;transition:border-color .15s}.FretDistanceCalculator-module__W_ws_G__fieldInput:focus{border-color:#1a3a5c}.FretDistanceCalculator-module__W_ws_G__select{color:#1a3a5c;box-sizing:border-box;background:#fff;border:1.5px solid #d0dbe8;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem}.FretDistanceCalculator-module__W_ws_G__select:focus{border-color:#1a3a5c}.FretDistanceCalculator-module__W_ws_G__hint{color:#889;margin:0;font-size:.78rem}.FretDistanceCalculator-module__W_ws_G__resultCard{background:#f0f6ff;border:1.5px solid #c8daf0}.FretDistanceCalculator-module__W_ws_G__tableWrap{max-height:400px;overflow-y:auto}.FretDistanceCalculator-module__W_ws_G__table{border-collapse:collapse;width:100%;font-size:.85rem}.FretDistanceCalculator-module__W_ws_G__table th{text-align:right;color:#1a3a5c;background:#f0f6ff;border-bottom:1.5px solid #c8daf0;padding:8px 10px;font-weight:600;position:sticky;top:0}.FretDistanceCalculator-module__W_ws_G__table th:first-child{text-align:left}.FretDistanceCalculator-module__W_ws_G__table td{text-align:right;color:#1a3a5c;border-bottom:1px solid #eef2f7;padding:6px 10px;font-family:Courier New,monospace}.FretDistanceCalculator-module__W_ws_G__table td:first-child{text-align:left;font-family:inherit;font-weight:600}.FretDistanceCalculator-module__W_ws_G__octaveRow{background:#fff8e6}.FretDistanceCalculator-module__W_ws_G__placeholder{color:#aaa;text-align:center;padding:12px 0;font-size:.88rem}@media (max-width:640px){.FretDistanceCalculator-module__W_ws_G__container{margin:16px auto;padding:0 12px 24px}.FretDistanceCalculator-module__W_ws_G__row{flex-direction:column}}