:root{--bg:#f7f7f8;--panel:#fff;--panel-alt:#fbfbfc;--surface:#fff;--input:#fff;--code-bg:#f4f4f5;--text:#1f2937;--muted:#6b7280;--border:#d7d9df;--accent:#4f46e5;--shadow:0 10px 24px #0f172a0a;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(28px,4vw,40px);line-height:1.1}h2{font-size:20px}h3{font-size:16px}.app-shell{width:min(1180px,100% - 20px);margin:0 auto;padding:14px 0 28px}.header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 4px;font-size:11px}.lead{color:var(--muted);margin:0;font-size:14px}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:12px}.toolbar{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.global-panel{margin-bottom:10px}.content-grid{grid-template-columns:1.35fr 1fr;align-items:start;gap:10px;height:calc(100vh - 200px);display:grid}.editor-column{gap:10px;height:100%;display:grid;overflow:hidden auto}.panel-header,.meal-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-header h2,.meal-card-header h3{margin:0}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin-top:10px;display:grid}.checkbox-grid.small{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.checkbox{align-items:center;gap:8px;font-size:13px;display:inline-flex}.meals-list{gap:10px;margin-top:10px;display:grid}.meal-card,.person-card{border:1px solid var(--border);background:var(--panel-alt);border-radius:10px;padding:10px}.form-grid{gap:8px;margin-top:10px;display:grid}.form-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.field{gap:4px;font-size:13px;display:grid}.field.compact{min-width:230px}.field span{color:var(--muted)}.field input,.field select{border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);font:inherit;box-sizing:border-box;border-radius:8px;padding:8px 10px}.field select[multiple]{min-height:92px}.toggle-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:10px;font-size:12px;font-weight:700}.stack{gap:8px;margin-top:8px;display:grid}.muted{color:var(--muted);margin:0;font-size:13px}.text-button,.secondary-button,.toolbar button,.actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;padding:8px 10px}.text-button,.secondary-button{cursor:pointer}.text-button:hover,.secondary-button:hover,.toolbar button:hover,.actions button:hover{border-color:var(--accent)}.text-button:disabled{opacity:.5;cursor:not-allowed}.preview-panel{height:100%;overflow:hidden scroll}.preview-panel pre,.response-box pre{background:var(--code-bg);border-radius:9px;max-height:300px;margin:10px 0 0;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.response-visual{gap:8px;margin-top:8px;display:grid}.response-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.response-meta span{background:var(--code-bg);border-radius:999px;padding:4px 8px}.response-meals{gap:8px;display:grid}.response-meal{border:1px solid var(--border);background:var(--panel-alt);border-radius:8px;padding:8px}.response-meal-head{justify-content:space-between;gap:8px;font-size:13px;display:flex}.response-meal ul{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.response-meal li{border:1px solid var(--border);background:var(--surface);border-radius:7px;justify-content:space-between;gap:10px;padding:6px 8px;display:flex}.dish-name{font-size:13px}.dish-meta{color:var(--muted);white-space:nowrap;font-size:12px}.actions{justify-content:flex-end;margin-top:10px;display:flex}.compact-gap{gap:8px}.mt-sm,.compact-grid{margin-top:8px}@media (width<=1020px){.content-grid{grid-template-columns:1fr;height:auto}.editor-column,.preview-panel{height:auto;overflow:visible}}@media (width<=760px){.header{flex-direction:column}.field.compact{width:100%;min-width:0}.form-grid.two-cols,.form-grid.three-cols,.form-grid.four-cols{grid-template-columns:1fr}.response-meal li{flex-direction:column}}