.scale-panel{border:1px solid #e1e5ee;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 14px 40px rgba(45,55,81,.08)}.scale-heading{padding:24px;background:#2d3751;color:#fff}.scale-heading p{margin:5px 0 0;color:#e8dfcc}.scale-body{display:grid;gap:20px;padding:24px}.scale-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scale-group{min-width:0;border:1px solid #e1e5ee;border-radius:15px;padding:18px}.scale-group h2,.scale-group legend{font-size:1.1rem;font-weight:700;margin:0 0 12px;color:#2d3751}.scale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scale-field label{display:block;font-weight:700;color:#2d3751;margin-bottom:5px}.scale-field input,.scale-field select{width:100%;min-width:0;border:1px solid #b5bfce;border-radius:9px;padding:11px;background:#fff;color:#202c43;font:inherit}.scale-field input:focus-visible,.scale-field select:focus-visible{outline:3px solid #c9a263;outline-offset:2px}.scale-small{color:#56657c;font-size:.92rem;margin:9px 0 0}.scale-results{display:grid;gap:14px}.scale-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scale-result{min-width:0;border:1px solid #e1e5ee;border-radius:12px;background:#f6f7fa;padding:15px;overflow-wrap:anywhere}.scale-result strong{display:block;font-size:1.3rem;color:#2d3751}.scale-result small{color:#56657c}.scale-note{padding:14px;border-left:4px solid #c9a263;background:#faf6ee}.scale-warning{border-color:#a45f1f}.scale-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.scale-error{color:#a41f34;min-height:1.5em;margin:0}.scale-reference{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:24px;align-items:start}.scale-reference-preview{background:#eef0f4;border:1px solid #d8dfeb;border-radius:14px;padding:12px}.scale-reference-preview svg{display:block;width:100%;height:auto}.scale-reference-preview p{font-size:.85rem;margin:9px 0 0;color:#56657c}.scale-body [hidden]{display:none!important}@media(max-width:700px){.scale-columns,.scale-reference{grid-template-columns:1fr}.scale-body{padding:16px}.scale-group{padding:14px}.scale-heading{padding:20px}}@media(max-width:420px){.scale-grid,.scale-metrics{grid-template-columns:1fr}.scale-actions .btn{width:100%}}