html[data-theme="studio"] .balance-view {display:grid;gap:20px;min-width:0;}
html[data-theme="studio"] .balance-view > * {min-width:0;}
html[data-theme="studio"] .balance-controls {display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;}
html[data-theme="studio"] .balance-field {display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;}
html[data-theme="studio"] .balance-field > span {font-size:12px;color:var(--muted);}
html[data-theme="studio"] .balance-field select {min-width:145px;width:100%;max-width:100%;}
html[data-theme="studio"] .balance-period-note {max-width:330px;margin-bottom:4px;}
html[data-theme="studio"] .balance-roster-panel {padding:0;overflow:hidden;}
html[data-theme="studio"] .balance-roster-scroll {max-height:445px;overflow:auto;}
html[data-theme="studio"] .balance-roster {min-width:710px;margin:0;}
html[data-theme="studio"] .balance-roster thead th {position:sticky;top:0;z-index:1;}
html[data-theme="studio"] .balance-roster td {padding-top:13px;padding-bottom:13px;}
html[data-theme="studio"] .balance-player-button {display:flex;align-items:center;flex-wrap:wrap;gap:9px;border:0;padding:4px 0;min-height:36px;background:transparent;color:inherit;text-align:left;font-size:14px;cursor:pointer;}
html[data-theme="studio"] .balance-player-button strong {font-weight:600;max-width:240px;overflow-wrap:anywhere;white-space:normal;}
html[data-theme="studio"] .balance-player-button small {font-size:10px;color:#8592a7;}
html[data-theme="studio"] .balance-player-button:hover {color:var(--c-blue);}
html[data-theme="studio"] .balance-selected {background:#f0f5ff;box-shadow:inset 3px 0 var(--c-blue);}
html[data-theme="studio"] .balance-roster .balance-selected:hover {background:#eaf1ff;}
html[data-theme="studio"] .balance-current {font-weight:650;}
html[data-theme="studio"] .balance-recommendation {display:inline-flex;align-items:flex-end;flex-direction:column;gap:3px;font-variant-numeric:tabular-nums;}
html[data-theme="studio"] .balance-recommendation strong {font-weight:500;}
html[data-theme="studio"] .balance-recommendation small {font-size:11px;color:#7890ab;}
html[data-theme="studio"] .balance-no-recommendation {font-size:11px;color:#8793a5;}
html[data-theme="studio"] .balance-row-action {width:112px;}
html[data-theme="studio"] .balance-row-action .button {min-height:36px;font-size:12px;}
html[data-theme="studio"] .balance-detail {padding:24px;min-width:0;}
html[data-theme="studio"] .balance-detail-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;}
html[data-theme="studio"] .balance-detail-heading > div {min-width:0;}
html[data-theme="studio"] .balance-detail-heading h2 {font-size:20px;line-height:1.5;overflow-wrap:anywhere;margin:4px 0;}
html[data-theme="studio"] .balance-role-label {font-size:12px;color:var(--muted);}
html[data-theme="studio"] .balance-selected-score {display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;}
html[data-theme="studio"] .balance-selected-score > span {font-size:11px;color:var(--muted);}
html[data-theme="studio"] .balance-selected-score strong {font-size:25px;font-weight:650;color:var(--c-blue);font-variant-numeric:tabular-nums;}
html[data-theme="studio"] .balance-chart {min-width:0;width:100%;overflow:hidden;}
html[data-theme="studio"] .balance-chart svg {display:block;width:100%;max-width:100%;height:238px;}
html[data-theme="studio"] .balance-chart-grid {stroke:#e8edf4;stroke-width:1;}
html[data-theme="studio"] .balance-chart-label {font-family:inherit;font-size:11px;fill:#7e8da2;}
html[data-theme="studio"] .balance-chart-line {stroke:#6e91d6;stroke-width:2.5;stroke-linejoin:round;}
html[data-theme="studio"] .balance-chart-point {fill:#4f78c7;stroke:#fff;stroke-width:1.5;}
html[data-theme="studio"] .balance-history {margin-top:10px;}
html[data-theme="studio"] .balance-history-scroll {max-height:320px;overflow:auto;}
html[data-theme="studio"] .balance-history table {min-width:520px;margin:0;}
html[data-theme="studio"] .balance-history :is(th,td) {font-size:12px;padding:11px 13px;}
html[data-theme="studio"] .balance-inline-note {font-size:11px;color:#8491a3;margin:0 0 10px;}
html[data-theme="studio"] .balance-edit {margin-top:22px;padding-top:20px;border-top:1px solid var(--line);}
html[data-theme="studio"] .balance-manual-form {display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;}
html[data-theme="studio"] .balance-manual-form input {width:210px;max-width:100%;min-width:0;}
html[data-theme="studio"] .balance-manual-form .button {min-height:42px;}
html[data-theme="studio"] .balance-edit > .copy-help {margin-top:9px;}
html[data-theme="studio"] .balance-formula {margin-top:-7px;}
html[data-theme="studio"] .balance-error {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;border:1px solid #efd9df;border-radius:8px;background:#fff7f8;color:#97576c;font-size:12px;line-height:1.8;}
html[data-theme="studio"] .balance-error p {overflow-wrap:anywhere;}
html[data-theme="studio"] .balance-status {padding:14px 16px;color:var(--muted);font-size:12px;}
html[data-theme="studio"] .balance-view :is(button,input,select,summary):focus-visible {outline:2px solid #6387cb;outline-offset:3px;}
@media (max-width:720px) {
  html[data-theme="studio"] .balance-view {gap:16px;}
  html[data-theme="studio"] .balance-controls {gap:10px;}
  html[data-theme="studio"] .balance-controls > .balance-field {flex:1 1 calc(50% - 5px);}
  html[data-theme="studio"] .balance-field select {min-width:0;}
  html[data-theme="studio"] .balance-period-note {flex-basis:100%;max-width:100%;}
  html[data-theme="studio"] .balance-roster-scroll {max-height:385px;}
  html[data-theme="studio"] .balance-roster td {font-size:13px;}
  html[data-theme="studio"] .balance-player-button {font-size:13px;}
  html[data-theme="studio"] .balance-detail {padding:16px;}
  html[data-theme="studio"] .balance-detail-heading {gap:12px;margin-bottom:16px;}
  html[data-theme="studio"] .balance-detail-heading h2 {font-size:17px;}
  html[data-theme="studio"] .balance-selected-score strong {font-size:21px;}
  html[data-theme="studio"] .balance-manual-form {align-items:stretch;}
  html[data-theme="studio"] .balance-manual-form .balance-field {width:100%;}
  html[data-theme="studio"] .balance-manual-form input {width:100%;}
  html[data-theme="studio"] .balance-manual-form .button {width:100%;}
}