*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#fafaf8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}.heading-serif{font-family:Playfair Display,Georgia,serif}img{image-rendering:-webkit-optimize-contrast;image-rendering:high-quality}#root{min-height:100vh}.controls-grid{grid-template-columns:repeat(8,1fr);align-items:start;gap:10px;display:grid}.controls-grid>div{flex-direction:column;display:flex}.controls-grid>div>div:last-child,.controls-grid>div>select{min-height:36px}.controls-grid select{height:36px}.output-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=1400px){.controls-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.controls-grid{grid-template-columns:repeat(3,1fr)}.output-grid{grid-template-columns:1fr}}@media (width<=600px){.controls-grid{grid-template-columns:repeat(2,1fr)}.output-grid{grid-template-columns:1fr}}.hero-gradient{background:linear-gradient(90deg,#fafaf8f2 0%,#fafaf8d9 25%,#fafaf866 42%,#fafaf800 55%)}@media (width<=1200px){.hero-gradient{background:linear-gradient(90deg,#fafaf8f2 0%,#fafaf8e0 30%,#fafaf880 50%,#fafaf800 65%)}}@media (width<=900px){.hero-gradient{background:linear-gradient(90deg,#fafaf8f2 0%,#fafaf8e6 40%,#fafaf8b3 65%,#fafaf866 100%)}}@media (width<=600px){.hero-gradient{background:linear-gradient(#fafaf8ed 0%,#fafaf8d9 60%,#fafaf8bf 100%)}}@keyframes geminiSpin{to{transform:rotate(360deg)}}