.pie-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 16px;display:grid}.pie-preview{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.pie-preview svg{width:100%;height:auto;display:block}.pie-summary{color:var(--muted);margin:6px 0 0}.pie-rows{gap:8px;display:grid}.pie-row{grid-template-columns:44px minmax(0,1fr) minmax(0,9rem) 44px;grid-template-areas:"c l v x""e e e e";align-items:center;gap:0 8px;display:grid}.pie-row>.pie-color{grid-area:c}.pie-row>input[aria-label^=Label]{grid-area:l}.pie-row>input[aria-label^=Value]{text-align:right;font-variant-numeric:tabular-nums;grid-area:v}.pie-row>.pie-remove{grid-area:x}.pie-row>.pie-row-error{grid-area:e;margin:2px 0 0 52px}.pie-row-head{min-height:0}.pie-row-head span{color:var(--muted);font-size:.8rem;font-weight:600}.pie-row-head span:nth-child(3){text-align:right}.pie-row input[type=text]{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:8px 10px}.pie-row input[aria-invalid=true]{border-color:var(--error)}.pie-color{border:1px solid var(--border);cursor:pointer;border-radius:10px;width:44px;height:44px;position:relative}.pie-color input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.pie-color:focus-within{outline:2px solid var(--accent);outline-offset:2px}.pie-remove{border:1px solid var(--border);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.pie-remove:hover{color:var(--error);border-color:var(--error)}@media (max-width:520px){.pie-head{grid-template-columns:1fr}.pie-row{grid-template-columns:44px minmax(0,1fr) 5.5rem 44px;gap:0 6px}.pie-row>.pie-row-error{margin-left:50px}}@media (max-width:380px){.pie-row-head{display:none}.pie-row{border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"c l x"".v.""e e e";gap:6px 8px;padding-bottom:8px}.pie-row>input[aria-label^=Value]{text-align:left}}.pie-paste{border:1px solid var(--border);border-radius:12px;padding:0 14px}.pie-paste[open]{padding-bottom:14px}.pie-paste summary{cursor:pointer;align-items:center;min-height:48px;font-weight:700;display:flex}.pie-problems{margin:0;padding-left:18px}.pie-options{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));align-items:end;gap:14px 16px;display:grid}.pie-sort{min-height:44px;font-weight:600}.pie-table td:first-child{white-space:normal}.pie-dot{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}