*{box-sizing:border-box;margin:0;padding:0}html{touch-action:pan-x pan-y;overflow-x:clip}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;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{min-height:100vh;padding-top:env(safe-area-inset-top,0px)}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-border{0%,to{transform:scale(1);box-shadow:0 0 #6b4f8c80}50%{transform:scale(1.02);box-shadow:0 0 0 8px #6b4f8c00,0 0 12px #6b4f8c26}}.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 gk-pulse{0%,to{box-shadow:0 0 #6b4f8c00}50%{box-shadow:0 0 0 6px #6b4f8c26}}@keyframes gk-nudge{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}@keyframes gk-tile-pulse{0%,to{box-shadow:0 0 #6b4f8c00}50%{box-shadow:0 0 0 6px #6b4f8c24}}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #6b4f8c}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes geminiSpin{to{transform:rotate(360deg)}}