.yarn-inputs.svelte-1b5cr8m{gap:24px;min-width:0;display:grid}summary.svelte-1b5cr8m{cursor:pointer;min-height:44px}.yarn-use.svelte-1b5cr8m{border-top:1px solid var(--line);padding-top:18px}.yarn-color.svelte-1b5cr8m>.field:where(.svelte-1b5cr8m),.yarn-color.svelte-1b5cr8m>.field-row:where(.svelte-1b5cr8m){margin:18px 0}.yarn-color.svelte-1b5cr8m summary:where(.svelte-1b5cr8m){list-style:none}.yarn-color.svelte-1b5cr8m summary:where(.svelte-1b5cr8m):before{content:"+";color:var(--accent)}.yarn-color[open].svelte-1b5cr8m summary:where(.svelte-1b5cr8m):before{content:"−"}.yarn-color.svelte-1b5cr8m summary:where(.svelte-1b5cr8m) small:where(.svelte-1b5cr8m){color:var(--muted);font-size:13px}.result-chart.svelte-1b5cr8m{margin-top:24px}.yarn-layout.svelte-1b5cr8m{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);align-items:start;gap:60px;display:grid}.unit-choice.svelte-1b5cr8m{margin:16px 0}.yarn-result.svelte-1b5cr8m{border:1px solid var(--line);border-radius:14px;padding:28px;position:sticky;top:24px}.yarn-result.svelte-1b5cr8m h2:where(.svelte-1b5cr8m){margin:12px 0}.yarn-result.svelte-1b5cr8m>.action:where(.svelte-1b5cr8m),.yarn-result.svelte-1b5cr8m>.action-secondary:where(.svelte-1b5cr8m){margin:24px 0 8px}.yarn-chart.svelte-1b5cr8m{max-width:160px;margin:0 auto 24px}.yarn-colors.svelte-1b5cr8m{margin-top:28px}.yarn-color.svelte-1b5cr8m{border-top:1px solid var(--line);padding:24px 0}.yarn-color.svelte-1b5cr8m summary:where(.svelte-1b5cr8m){flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.yarn-color.svelte-1b5cr8m summary:where(.svelte-1b5cr8m) small:where(.svelte-1b5cr8m){margin-left:auto}.yarn-color.svelte-1b5cr8m i:where(.svelte-1b5cr8m),.estimate-list.svelte-1b5cr8m i:where(.svelte-1b5cr8m){border:1px solid var(--line);border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.estimate-list.svelte-1b5cr8m{margin-top:22px}.estimate-list.svelte-1b5cr8m>div:where(.svelte-1b5cr8m){border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:16px 0;display:flex}.estimate-list.svelte-1b5cr8m span:where(.svelte-1b5cr8m){align-items:center;gap:8px;display:flex}.estimate-list.svelte-1b5cr8m strong:where(.svelte-1b5cr8m){text-align:right}.estimate-list.svelte-1b5cr8m small:where(.svelte-1b5cr8m){display:block}.yarn-result.svelte-1b5cr8m>.action-quiet:where(.svelte-1b5cr8m){margin-top:20px}@media (width<=800px){.yarn-layout.svelte-1b5cr8m{gap:30px}}@media (width<=620px){.yarn-layout.svelte-1b5cr8m{flex-direction:column;gap:24px;display:flex}.yarn-inputs.svelte-1b5cr8m{display:contents}.yarn-inputs.svelte-1b5cr8m>*{order:3;width:100%}.yarn-inputs.svelte-1b5cr8m>.yarn-task:where(.svelte-1b5cr8m){order:0}.yarn-inputs.svelte-1b5cr8m>.yarn-swatch:where(.svelte-1b5cr8m),.yarn-inputs.svelte-1b5cr8m>.yarn-use:where(.svelte-1b5cr8m){order:1}.yarn-result.svelte-1b5cr8m{order:2;width:100%;padding:24px;position:static}}