:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #fff;--text: #111}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}nav{margin:0 5px}body{margin:0;min-width:100%;min-height:100vh;color:var(--text);transition:background .2s,color .2s}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body.light{background-color:#fff;color:#000}body.dark{background-color:#121212;color:#fff}body.light button{background-color:#f5f5f5;color:#000;border:1px solid #ccc;padding:8px 12px;border-radius:6px;cursor:pointer}body.light button:hover{background-color:#646cff}body.dark button{background-color:#646cff;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}body.dark button:hover{background-color:#8086ff}select{padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px;cursor:pointer;outline:none;transition:all .2s ease-in-out}body.light select{background-color:#fff;color:#000;border:1px solid #ccc}body.light select:hover{border-color:#888}body.dark select{background-color:#fff;color:#121212;border:1px solid #555}body.dark select:hover{border-color:#aaa}select option{background-color:inherit;color:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.generate-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:flex-start}.generate-left{display:flex;flex-direction:column;gap:1rem}.generate-right{display:flex;flex-direction:column;align-items:flex-start;min-height:300px}.spinner-box{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.1rem}.history-page{max-width:full;margin:0 auto;padding:20px 50px}.history-page h2{font-size:26px;font-weight:700;text-align:center;margin-bottom:20px}.history-page p{font-size:16px;color:gray}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem;justify-items:center;align-items:center}.history-card{border:1px solid #ddd;padding:.8rem;border-radius:10px;background:#fafafa;transition:transform .2s ease,box-shadow .2s ease}.history-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.history-card img{width:100%;border-radius:6px;margin-bottom:8px}.history-card p{font-size:.95rem;margin-bottom:4px}.history-card small{font-size:.8rem;color:gray}body.dark .history-card{background:#2a2a2a;border:1px solid #444}body.dark .history-card p{color:#eee}body.dark .history-card small{color:#bbb}