:root{color:#e2e8f0;background:#07111f;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#d9770614,#0000 26%),linear-gradient(#081221 0%,#050c18 100%);min-width:320px;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{background:0 0;grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#07111fd6;border-right:1px solid #47689259;padding:1.25rem}.workspace{padding:1.25rem}.brand-block{margin-bottom:1rem}.brand-mark{color:#f8fafc;letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.brand-tagline{color:#94a3b8;margin-top:.35rem;font-size:.9rem;line-height:1.6}.status-chip{color:#99f6e4;background:#0d948824;border:1px solid #7dd3c859;border-radius:999px;margin-bottom:1rem;padding:.45rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.quota-note{color:#94a3b8;text-align:left;margin-bottom:1rem;font-size:.82rem;line-height:1.6}.tab-row{flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;display:flex}.tab-chip{color:#94a3b8;cursor:pointer;background:#0a1729c7;border:1px solid #47689273;border-radius:999px;padding:.62rem .85rem}.tab-chip.active{color:#f8fafc;background:#0d94882e;border-color:#7dd3c866}.panel{background:#081223d1;border:1px solid #47689261;border-radius:22px;padding:1.15rem;box-shadow:0 20px 40px #02061738}.eyebrow{color:#7dd3c8;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.section-title{color:#f8fafc;text-align:left;margin:.45rem 0 1rem;font-size:1.2rem}.sample-grid{gap:.75rem;display:grid}.sample-card{text-align:left;color:inherit;cursor:pointer;background:#0a1729b3;border:1px solid #47689261;border-radius:16px;padding:.9rem}.sample-card.selected{background:#0d948824;border-color:#7dd3c866}.sample-title{color:#f8fafc;margin-bottom:.3rem;font-weight:700}.sample-note{color:#94a3b8;font-size:.85rem;line-height:1.6}.banner{color:#fde68a;text-align:left;background:#d9770617;border:1px solid #f59e0b40;border-radius:16px;margin-bottom:1rem;padding:.9rem 1rem;line-height:1.6}.workspace-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:1rem;display:grid}.workspace-grid.mobile{grid-template-columns:1fr}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.field-grid.mobile{grid-template-columns:1fr}.field-label{color:#94a3b8;text-align:left;margin-bottom:.4rem;font-size:.78rem;display:block}.field-input,.blend-input{color:#f8fafc;background:#050f1fd1;border:1px solid #47689273;border-radius:14px;width:100%;padding:.85rem .95rem}.blend-input{resize:vertical;min-height:260px;line-height:1.6}.primary-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0d9488,#0f766e);border:none;border-radius:14px;width:100%;margin-top:1rem;padding:.95rem 1.1rem;font-weight:700;box-shadow:0 14px 30px #0d948838}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#334155}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.summary-card{background:#081223d1;border:1px solid #47689261;border-radius:18px;padding:.95rem 1rem}.summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}.summary-value{margin-top:.35rem;font-size:1.15rem;font-weight:800}.error-box{color:#fecaca;text-align:left;background:#450a0a59;border:1px solid #dc262673;border-radius:16px;margin-bottom:1rem;padding:.95rem 1rem}.empty-state{color:#94a3b8;text-align:left;line-height:1.7}.footer-note{color:#64748b;text-align:left;margin-top:1rem;font-size:.82rem;line-height:1.7}.result-block{color:#cbd5e1;text-align:left;white-space:pre-wrap;word-break:break-word;background:#050f1fd1;border-radius:16px;max-height:72vh;margin:0;padding:1rem;overflow:auto}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #47689259;border-right:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.workspace,.sidebar{padding:1rem}.summary-grid{grid-template-columns:1fr}}