.joint-blade-design{grid-column:1/-1;padding:16px;margin-bottom:22px;border:1px solid #6c4d91;border-radius:12px;background:linear-gradient(140deg,#272036,#191620);min-width:0}
.joint-blade-design h3{font-size:1rem;color:#eee1ff;margin:7px 0 12px;line-height:1.5}
.joint-blade-design p,.joint-blade-design a{font-size:.78rem;line-height:1.75;overflow-wrap:anywhere}
.joint-blade-design p{color:#bdaccd;margin:10px 0}.joint-blade-design .joint-target{padding:10px;background:#17121f;border-radius:7px;color:#e4d2f8;font-variant-numeric:tabular-nums}
.joint-blade-design button{width:100%;min-height:42px;margin:7px 0;font-size:.8rem;white-space:normal;line-height:1.5}
.joint-blade-design #joint-design-status{color:#d9c2f2}.joint-result{border-top:1px solid #584067;padding-top:12px;margin-top:12px}.joint-result-stale{opacity:.7}
.joint-result svg{display:block;width:100%}.joint-chart-legend{display:flex;justify-content:center;gap:14px;font-size:.72rem;color:#c3acd9;flex-wrap:wrap}
.joint-table-wrap{width:100%;overflow:auto;margin:15px 0}.joint-table-wrap table{width:100%;border-collapse:collapse;font-size:.69rem;color:#d9cbe6;font-variant-numeric:tabular-nums}.joint-table-wrap th,.joint-table-wrap td{padding:9px 3px;border-bottom:1px solid #4c3a5a;text-align:center;line-height:1.7}.joint-table-wrap thead th{color:#b8a2cc;font-weight:500}
.joint-metrics p{padding:10px;border:1px solid #483754;background:#15121e;border-radius:8px}.joint-metrics span,.joint-metrics b,.joint-metrics small{display:block;line-height:1.75}.joint-metrics b{color:#e6d3fb;font-size:.83rem;margin:4px 0}.joint-metrics small{color:#a99ab9;font-size:.72rem}
.joint-warnings{padding-left:17px;color:#f0b898;font-size:.75rem;line-height:1.7}.joint-warnings li{margin:7px 0}.joint-method{padding-top:12px;border-top:1px solid #51415e;margin-top:12px}.joint-method summary{font-size:.78rem;color:#ccb5e7;cursor:pointer}.joint-method a{color:#c7a0f2}