:root{color:#1a2330;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#f8ddc1e6,#0000 30%),radial-gradient(circle at 100% 0,#cde5ffd1,#0000 28%),linear-gradient(#f5f8fb 0%,#eef3f7 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}h1{color:#142033;margin:0 0 12px;font-size:clamp(2.25rem,4vw,4.4rem);line-height:.98}h2{color:#142033;font-size:1.1rem}p{margin:0}#root{min-height:100vh}.app-shell{box-sizing:border-box;min-height:100vh;padding:28px}.hero-band{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:22px;display:grid}.hero-copy,.hero-metrics,.builder-panel,.output-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #0e1a2d1a;border-radius:8px;box-shadow:0 18px 48px #0d142514}.hero-copy{padding:28px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#7d4a2e;margin:0 0 10px;font-size:12px;font-weight:700}.hero-text{color:#45556c;max-width:60ch}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;display:grid}.metric{background:linear-gradient(#fff4e3e6,#fffc);border:1px solid #7d4a2e24;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:120px;padding:16px;display:flex}.metric span{text-transform:uppercase;letter-spacing:.06em;color:#7d4a2e;font-size:12px}.metric strong{color:#142033;font-size:28px;line-height:1}.workspace{grid-template-columns:minmax(340px,.95fr) minmax(380px,1.05fr);align-items:start;gap:20px;display:grid}.builder-panel,.output-panel{padding:24px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.section-heading h2,.insight-card h3{margin:0}.section-heading p{color:#5a6b84;margin-top:6px}.grid{gap:16px;display:grid}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:8px;margin-bottom:16px;display:grid}.field span{color:#2a3c58;font-size:13px;font-weight:700}.field input,.field select,.field textarea{box-sizing:border-box;color:#142033;width:100%;font:inherit;resize:vertical;background:#fafbfdf2;border:1px solid #1a2c4d29;border-radius:8px;padding:12px 14px}.field input:focus,.field select:focus,.field textarea:focus,.copy-button:focus{outline-offset:2px;outline:2px solid #bf5e3159}.copy-button{color:#fffaf6;font:inherit;cursor:pointer;background:#c7602f;border:none;border-radius:8px;min-width:112px;padding:11px 14px;font-weight:700}.copy-button:hover{background:#b55325}.prompt-output{color:#edf3f9;white-space:pre-wrap;background:#122033;border-radius:8px;min-height:460px;margin:0;padding:18px;font-size:14px;line-height:1.55;overflow:auto}.insight-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.insight-card{background:#f7f9fbdb;border:1px solid #0e1a2d1a;border-radius:8px;padding:18px}.insight-card ul{color:#4b5f7b;margin:12px 0 0;padding-left:18px}@media (width<=1120px){.hero-band,.workspace,.insight-strip,.two-up,.hero-metrics{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:14px}.hero-copy,.builder-panel,.output-panel{padding:18px}.section-heading{flex-direction:column}.copy-button{width:100%}}