@layer components{allocation-explorer{min-width:0;display:block}.demo-frame .allocation-toolbar,.demo-frame .allocation-actions{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.demo-frame .allocation-toolbar{border-bottom:1px solid var(--rule);justify-content:space-between;padding:16px 24px}.demo-frame .allocation-text-button{min-height:44px;color:var(--action);text-underline-offset:.22em;background:0 0;border:0;padding:8px 0;font-size:15px;font-weight:600;text-decoration:underline}.demo-frame .allocation-text-button:disabled{color:var(--secondary);text-decoration:none}.demo-frame .allocation-overview{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);display:grid}.demo-frame .allocation-plot{min-width:0;padding:28px 24px}.demo-frame .allocation-plot h2{margin:8px 0 12px;font-size:32px}.demo-frame .allocation-summary{color:var(--secondary);margin-bottom:20px}.demo-frame .allocation-key{width:11px;height:11px;margin-right:8px;display:inline-block}.demo-frame .allocation-key-current{border:2px solid var(--ink);background:var(--amber);border-radius:50%}.demo-frame .allocation-key-selected{background:var(--action);transform:rotate(45deg)}.demo-frame .allocation-current-point{fill:var(--amber);stroke:var(--ink);stroke-width:2px}.demo-frame .allocation-selected-point{fill:var(--action);stroke:var(--surface);stroke-width:1.5px}.demo-frame .allocation-saved-point{fill:var(--surface);stroke:var(--ink);stroke-width:2px}.demo-frame .demo-chart-svg .allocation-saved-frontier-point{stroke-dasharray:4 3}.demo-frame .allocation-selected{background:var(--soft);border-left:1px solid var(--rule);min-width:0;padding:28px 24px}.demo-frame .allocation-selected h3{margin:8px 0 20px;font-size:25px}.demo-frame .allocation-point-control{margin-bottom:20px}.demo-frame .allocation-point-control label{flex-wrap:wrap;justify-content:space-between;gap:4px;display:flex}.demo-frame .allocation-point-control input{accent-color:var(--action);background:0 0;padding:0}.demo-frame .allocation-metrics{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.demo-frame .allocation-metrics span{font-family:var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px}.demo-frame .allocation-metrics p{color:var(--secondary);font-size:13px}.demo-frame .allocation-comparison{padding:8px 24px 24px}.demo-frame .allocation-outside{border-left:3px solid var(--ink);background:var(--paper);margin-block:16px;padding:12px}.demo-frame .allocation-input-section{border-top:1px solid var(--rule);padding:28px 24px}.demo-frame .allocation-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;display:flex}.demo-frame .allocation-input-section h3{margin:8px 0 12px;font-size:27px}.demo-frame .allocation-help{max-width:78ch;color:var(--secondary);margin-bottom:20px;font-size:15px}.demo-frame .allocation-assets{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;display:grid}.demo-frame .allocation-asset{border:1px solid var(--boundary);background:var(--paper);min-width:0;margin:0;padding:16px}.demo-frame .allocation-asset legend{padding-inline:6px;font-size:13px;font-weight:600}.demo-frame .allocation-asset-name{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:16px}.demo-frame .allocation-asset-name input{font-weight:600}.demo-frame .allocation-forecast-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-frame .allocation-forecast-fields input{padding-inline:10px}.demo-frame .allocation-asset .demo-fields{grid-template-columns:1fr 1fr}.demo-frame .allocation-total{margin-top:16px;font-size:15px}.demo-frame .allocation-pairs{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px 24px;display:grid}.demo-frame .allocation-pair{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:12px;padding-bottom:12px}.demo-frame .allocation-pair label{overflow-wrap:anywhere}.demo-frame .allocation-pair input{padding-inline:8px}.demo-frame .allocation-form-footer{flex-wrap:wrap;align-items:center;gap:12px 24px;padding:0 24px 24px;display:flex}.demo-frame .allocation-form-footer .demo-error{flex-basis:100%}.demo-frame .allocation-details{border-top:1px solid var(--rule);padding:12px 24px}.demo-frame .allocation-details details+details{border-top:1px solid var(--rule)}.demo-frame .allocation-table-wrap{min-width:0}.demo-frame .allocation-weight-list{white-space:normal;text-align:left;font-size:13px}.demo-frame .allocation-pending,.demo-frame .allocation-noscript{background:var(--soft);padding:24px}.demo-frame .allocation-saved-assumptions-title{margin-block:20px 12px;font-weight:600}.demo-frame allocation-explorer th{overflow-wrap:anywhere}@media (width<=900px){.demo-frame .allocation-overview{grid-template-columns:1fr}.demo-frame .allocation-selected{border-left:0;border-top:1px solid var(--rule)}}@media (width<=600px){.demo-frame .allocation-toolbar,.demo-frame .allocation-plot,.demo-frame .allocation-selected,.demo-frame .allocation-input-section,.demo-frame .allocation-comparison,.demo-frame .allocation-form-footer,.demo-frame .allocation-details{padding-inline:16px}.demo-frame .allocation-asset{padding:12px}.demo-frame .allocation-forecast-fields,.demo-frame .allocation-asset .demo-fields{grid-template-columns:1fr}.demo-frame .allocation-table-wrap .demo-table{table-layout:fixed;font-size:12px}.demo-frame .allocation-table-wrap .demo-table th,.demo-frame .allocation-table-wrap .demo-table td{overflow-wrap:anywhere;white-space:normal;padding:8px 3px}.demo-frame .allocation-weight-list{font-size:12px}}}@media (forced-colors:active){.demo-frame .allocation-current-point,.demo-frame .allocation-saved-point{fill:canvas;stroke:canvastext}.demo-frame .allocation-selected-point{fill:canvastext;stroke:canvas}.demo-frame .allocation-key-current{background:canvas;border-color:canvastext}.demo-frame .allocation-key-selected{background:canvastext}}
