[data-proportion-widget]{border:2px solid #334155;border-radius:12px;padding:20px;margin:24px 0;background:#fff;color:#1f2937}[data-proportion-widget] .weight-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}[data-proportion-widget] label{display:block;font-weight:700}[data-proportion-widget] input{display:block;width:100%;box-sizing:border-box;padding:10px;border:2px solid #64748b;border-radius:5px;color:#1f2937;background:#fff;font:inherit}[data-proportion-widget] .weight-presets{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}[data-proportion-widget] button{font:inherit;white-space:normal;padding:10px 14px;background:#fff;color:#1f2937;border:2px solid #334155;border-radius:6px;cursor:pointer}[data-proportion-widget] button:focus-visible,[data-proportion-widget] input:focus-visible{outline:3px solid #9a3412;outline-offset:3px}[data-proportion-widget] .allocation-bar{height:52px;display:flex;width:100%;border:2px solid #334155;box-sizing:border-box;margin-top:18px}[data-proportion-widget] .allocation-bar[hidden]{display:none}[data-proportion-widget] .allocation-bar span{display:block;min-width:0}[data-proportion-widget] [data-part="dominant"]{background:#f7f3ea}[data-proportion-widget] [data-part="support"]{background:#e2e8f0}[data-proportion-widget] [data-part="accent"]{background:#9a3412}[data-proportion-widget] dl{display:grid;grid-template-columns:1fr auto;gap:8px 16px}[data-proportion-widget] dd{margin:0;font-weight:700}[data-proportion-widget] [data-status]{margin:16px 0 0;overflow-wrap:anywhere}.role-record{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}@media(max-width:600px){[data-proportion-widget]{padding:14px}[data-proportion-widget] .weight-fields{grid-template-columns:1fr;gap:12px}[data-proportion-widget] button{width:100%}}