.legacy{--legacy-muted:var(--muted-foreground);--legacy-border:var(--border);--legacy-accent:var(--primary);--legacy-accent-fg:var(--primary-foreground);--legacy-warning:#b45309;--legacy-danger:#b91c1c;line-height:1.5}.legacy a{color:var(--legacy-accent);text-underline-offset:3px;text-decoration:underline}.legacy h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.75rem;font-weight:600}.legacy h2{margin:1.25rem 0 .5rem;font-size:1.1rem;font-weight:600}.legacy p{margin:.5rem 0}.legacy .card{background:var(--card);border:1px solid var(--legacy-border);border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.legacy .muted{color:var(--legacy-muted)}.legacy .small{font-size:.875rem}.legacy .row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.legacy .stack{flex-direction:column;gap:.5rem;display:flex}.legacy .field{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.legacy label,.legacy .label{color:var(--legacy-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:600}.legacy .input,.legacy textarea,.legacy select,.legacy input[type=text],.legacy input[type=number],.legacy input[type=url]{font:inherit;border:1px solid var(--legacy-border);background:var(--card);color:var(--foreground);border-radius:6px;width:100%;padding:.45rem .6rem}.legacy textarea{resize:vertical;min-height:3.5rem}.legacy .input-qty{width:5.5rem}.legacy .input-unit{width:6rem}.legacy .btn{font:inherit;border:1px solid var(--legacy-border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:6px;padding:.5rem .9rem;text-decoration:none;display:inline-block}.legacy .btn:hover{background:var(--muted)}.legacy .btn-primary{background:var(--legacy-accent);border-color:var(--legacy-accent);color:var(--legacy-accent-fg)}.legacy .btn-primary:hover{opacity:.9;background:var(--legacy-accent)}.legacy .btn-danger{color:var(--legacy-danger)}.legacy .btn:disabled{opacity:.6;cursor:progress}.legacy .btn-sm{padding:.3rem .6rem;font-size:.85rem}.legacy .warning{color:var(--legacy-warning);cursor:help}.legacy .error{color:var(--legacy-danger)}.legacy .ingredient-row{grid-template-columns:5.5rem 6rem 1fr 1fr auto auto;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.legacy .step{border-top:1px solid var(--legacy-border);margin-top:.75rem;padding-top:.75rem}.legacy .step-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.legacy .step-number{color:var(--legacy-accent);font-weight:700}.legacy .chips{flex-wrap:wrap;gap:.35rem .75rem;font-size:.875rem;display:flex}.legacy .chips label{text-transform:none;letter-spacing:0;color:var(--foreground);align-items:center;gap:.3rem;font-weight:500;display:inline-flex}.legacy ul.plain{margin:0;padding:0;list-style:none}.legacy ul.plain li{border-bottom:1px solid var(--legacy-border);padding:.3rem 0}.legacy ul:not(.plain){padding-left:1.5rem;list-style:outside}.legacy ol.steps{padding-left:1.5rem;list-style:decimal}.legacy ol.steps li{margin-bottom:1rem}.legacy .diagnostics{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem 1.5rem;margin:0;display:grid}.legacy .diagnostic dt{color:var(--legacy-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.legacy .diagnostic dd{overflow-wrap:anywhere;margin:0}.legacy pre.json{color:#f3f1f3;color:lab(95.3199% .844389 -.636518);max-height:70vh;font-family:var(--font-mono);white-space:pre;background:#1d161e;background:lab(8.33002% 5.15411 -4.30998);border-radius:8px;margin:.75rem 0 0;padding:.75rem 1rem;font-size:.8rem;line-height:1.55;overflow:auto}.legacy .input-filter{flex:1;min-width:12rem}.legacy .error-card{border-color:var(--legacy-danger)}.legacy .spinner{border:2px solid var(--legacy-border);border-top-color:var(--legacy-accent);border-radius:50%;flex-shrink:0;width:1.1rem;height:1.1rem;animation:.8s linear infinite legacy-spin}@keyframes legacy-spin{to{transform:rotate(360deg)}}