body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-layout{grid-gap:2rem;background:#f4f6fa;display:grid;gap:2rem;grid-template-columns:200px 1fr 200px;min-height:100vh}.side-tab{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;height:fit-content;margin-top:3rem;min-width:160px;padding:2rem 1rem}.left-tab{justify-self:end}.right-tab{justify-self:start}.genre-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;width:100%}.genre-btn{background:#edf2f7;border:none;border-radius:20px;color:#2d3748;cursor:pointer;font-size:1rem;margin-bottom:.2rem;padding:.5rem 1.2rem;transition:background .2s,color .2s}.genre-btn.selected,.genre-btn:hover{background:#3182ce;color:#fff}.center-panel{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 24px #00000014,0 1.5px 6px #0000000a;display:flex;flex-direction:column;margin:3rem 0;min-width:0;padding:2.5rem 2rem 2rem}.title{color:#2d3748;font-size:2.2rem;font-weight:700}.center-form,.title{margin-bottom:1.5rem}.center-form{display:flex;flex-direction:row;gap:1rem;justify-content:center;width:100%}.prompt-bar{border:1px solid #cbd5e1;border-radius:8px;flex:1 1;font-size:1.1rem;min-width:0;outline:none;padding:.7rem 1rem;transition:border .2s}.prompt-bar:focus{border:1.5px solid #3182ce}.generate-btn{background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.7rem 1.2rem;transition:background .2s}.generate-btn:disabled{background:#90cdf4;cursor:not-allowed}.length-control{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;width:100%}.length-control label{color:#2d3748;font-size:1rem;margin-bottom:.5rem}.length-control input[type=range]{width:100%}.loading{color:#3182ce;margin-top:1rem}.error{color:#e53e3e;margin-top:1rem}.story-output{background:#f9fafb;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-top:2rem;padding:1.5rem;width:100%}@media (max-width:900px){.main-layout{gap:0;grid-template-columns:1fr}.side-tab{flex-direction:row;justify-content:flex-start;margin:1rem 0 0;min-width:0;padding:1rem;width:100%}.center-panel{margin:1rem 0;padding:1.5rem .5rem}}
/*# sourceMappingURL=main.44aae150.css.map*/