@layer layout{[data-allocator] fieldset{border:1px solid var(--line);background:var(--soft);border-top:4px solid var(--accent);min-width:0;padding:1.25rem}[data-allocator] legend{padding-inline:.4rem;font-weight:600}[data-allocator] label{gap:.4rem;margin-block:.7rem;font-size:.9rem;display:grid}[data-allocator] input{border:1px solid var(--ink);border-radius:var(--radius);width:100%;min-width:0;color:var(--ink);background:var(--paper);font:inherit;padding:.7rem}[data-allocator] :is(input,button):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.utility-weights{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.utility-reset{border:1px solid var(--ink);color:var(--ink);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;margin:.5rem;padding:.7rem}[data-allocation-result]:not(:empty){background:var(--sage);border-left:4px solid var(--ink);padding:1rem}[data-utility-error]:empty{display:none}@media (width<=600px){.utility-weights{grid-template-columns:1fr;gap:0}}}