:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f5ef;color:#25221c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100vh;padding:28px}.topbar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto 24px;max-width:1280px}.brand{align-items:center;display:flex;gap:14px}.brand-mark{align-items:center;background:#f05d3f;border-radius:8px;color:#fff;display:inline-flex;height:46px;justify-content:center;width:46px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1}.brand p,.recipe-copy p,.empty-state,.status{color:#6e6758}.status{align-items:center;background:#fff;border:1px solid #e2ded3;border-radius:8px;display:flex;font-size:14px;gap:8px;min-height:42px;padding:0 14px}.workspace{display:grid;gap:16px;grid-template-columns:minmax(360px,1.1fr) minmax(300px,.85fr) minmax(280px,.75fr);margin:0 auto;max-width:1280px}.panel{background:#fffdf8;border:1px solid #ded8ca;border-radius:8px;box-shadow:0 18px 50px #332b1f14;min-width:0;padding:18px}.panel-heading{align-items:center;display:flex;gap:9px;margin-bottom:16px}.panel-heading h2{font-size:18px}.import-form,.draft-editor{display:grid;gap:10px}.draft-editor{border-top:1px solid #e8e1d3;margin-top:18px;padding-top:18px}label{color:#4b4539;display:grid;font-size:13px;font-weight:700;gap:6px}.input-row{display:grid;gap:8px;grid-template-columns:1fr auto}input,textarea{background:#fff;border:1px solid #d7d0c2;border-radius:8px;color:#25221c;min-width:0;outline:none;padding:11px 12px}input:focus,textarea:focus{border-color:#218380;box-shadow:0 0 0 3px #21838024}textarea{min-height:96px;resize:vertical}textarea.notes{min-height:72px}.field-grid{display:grid;gap:10px;grid-template-columns:1fr 120px}.input-row button,.save-button{align-items:center;background:#218380;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:0 16px}.save-button{margin-top:4px}.recipe-list,.grocery-list{display:grid;gap:10px}.recipe{align-items:center;background:#fff;border:1px solid #e5dfd2;border-radius:8px;display:grid;gap:10px;grid-template-columns:34px 1fr auto 34px;min-height:72px;padding:10px}.recipe.selected{border-color:#218380;box-shadow:inset 0 0 0 1px #218380}.select-recipe,.delete-button,.serving-stepper button{align-items:center;background:#f3efe5;border-radius:8px;color:#383226;display:inline-flex;height:34px;justify-content:center;width:34px}.recipe.selected .select-recipe{background:#218380;color:#fff}.delete-button{background:#fff0ea;color:#b8422d}.recipe-copy{min-width:0}.recipe-copy h3{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.recipe-copy p{font-size:13px;margin-top:4px}.serving-stepper{align-items:center;display:grid;gap:6px;grid-template-columns:34px 28px 34px}.serving-stepper span{font-size:14px;font-weight:800;text-align:center}.grocery-list{list-style:none;margin:0;padding:0}.grocery-list li{background:#fff;border:1px solid #e5dfd2;border-radius:8px;display:grid;gap:4px;padding:12px}.grocery-list span{font-weight:800}.grocery-list small{color:#6e6758}.empty-state{background:#fff;border:1px dashed #d7d0c2;border-radius:8px;line-height:1.45;padding:16px}@media(max-width:980px){.workspace{grid-template-columns:1fr}}@media(max-width:640px){.app{padding:18px}.topbar,.brand{align-items:flex-start}.topbar{flex-direction:column}.status{width:100%}.input-row,.field-grid,.recipe{grid-template-columns:1fr}.select-recipe,.delete-button{width:100%}.serving-stepper{grid-template-columns:34px 1fr 34px}}