@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--foreground-rgb:22,22,24;--fal-black:#161618;--fal-white:#fff;--fal-cyan:#99ecff;--fal-lime:#adff00;--fal-purple:#5718c0;--fal-pink:#ec0648}body{color:var(--fal-black);background:#fff;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden auto}body:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#99ecff08 0%,#0000 30%,#adff0005 60%,#0000 100%);width:100%;height:100%;animation:15s ease-in-out infinite gradientShift;position:fixed;top:0;left:0}@keyframes gradientShift{0%,to{opacity:1;transform:translate(0)translateY(0)}50%{opacity:.7;transform:translate(20px)translateY(-20px)}}.bg-ambience{z-index:0;pointer-events:none;background:radial-gradient(circle at 85% 10%,#99ecff66 0%,#0000 40%),radial-gradient(circle at 10% 40%,#adff0033 0%,#0000 40%),radial-gradient(circle at 60% 90%,#5718c026 0%,#0000 50%);width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-ambience:before{content:"";opacity:1;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%235718c0' fill-opacity='0.08'%3E%3Cpath d='M15 20h30v25H15z'/%3E%3Cpath d='M15 20l5-5h30l-5 5z'/%3E%3Cpath d='M45 20v25l5-5V15z'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 20l2 10 10 2-10 2-2 10-2-10-10-2 10-2z' fill='%2399ecff' fill-opacity='0.12'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 60l15-15 5 5-15 15-5-5zm20-20l20-20 5 5-20 20-5-5z' fill='%23adff00' fill-opacity='0.1'/%3E%3C/svg%3E");background-position:0 0,100px 100px,200px 50px;background-size:300px 300px,400px 400px,350px 350px;width:100%;height:100%;animation:60s linear infinite floatBackground;position:absolute;top:0;left:0}.bg-ambience:after{content:"";background-image:radial-gradient(circle,#99ecff1a 1px,#0000 1px),radial-gradient(circle,#adff0014 1px,#0000 1px),radial-gradient(circle,#5718c00f 2px,#0000 2px);background-position:0 0,40px 40px,80px 20px;background-size:50px 50px,80px 80px,100px 100px;width:100%;height:100%;animation:40s linear infinite floatParticles;position:absolute;top:0;left:0}@keyframes floatBackground{0%{transform:translate(0)}to{transform:translate(-50px,50px)}}@keyframes floatParticles{0%{transform:translate(0)rotate(0)}to{transform:translate(30px,-30px)rotate(360deg)}}.floating-orb{filter:blur(60px);opacity:.4;pointer-events:none;will-change:transform;border-radius:50%;animation:20s ease-in-out infinite floatOrb;position:absolute}.orb-1{background:radial-gradient(circle,var(--fal-cyan),transparent);width:400px;height:400px;animation-duration:25s;animation-delay:0s;top:10%;left:5%}.orb-2{background:radial-gradient(circle,var(--fal-lime),transparent);width:350px;height:350px;animation-duration:30s;animation-delay:5s;top:60%;right:10%}.orb-3{background:radial-gradient(circle,var(--fal-purple),transparent);width:300px;height:300px;animation-duration:28s;animation-delay:3s;bottom:20%;left:15%}.orb-4{background:radial-gradient(circle,var(--fal-pink),transparent);width:280px;height:280px;animation-duration:22s;animation-delay:7s;top:40%;right:25%}.orb-5{background:radial-gradient(circle,var(--fal-cyan),transparent);width:320px;height:320px;animation-duration:26s;animation-delay:2s;bottom:10%;right:5%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(50px,-50px)scale(1.2)}50%{transform:translate(-30px,30px)scale(.8)}75%{transform:translate(60px,20px)scale(1.1)}}@media (max-width:768px){.floating-orb{filter:blur(40px);opacity:.3}.orb-1,.orb-2,.orb-3,.orb-4,.orb-5{width:200px;height:200px}}.container{box-sizing:border-box;z-index:1;flex-direction:column;align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:1rem;display:flex;position:relative}@media (min-width:768px){.container{padding:1.5rem}}@media (min-width:1024px){.container{padding:2rem}}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #0000000d;border-radius:20px;flex-direction:column;width:100%;padding:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:relative;overflow:visible;box-shadow:0 20px 40px -10px #00000014}@media (min-width:768px){.glass-panel{border-radius:24px;padding:2rem}}.glass-input{color:var(--fal-black);resize:none;box-sizing:border-box;background:#f7f7f8;border:1px solid #e5e5e5;border-radius:12px;width:100%;height:120px;min-height:100px;padding:.875rem;font-family:inherit;font-size:.9rem;line-height:1.5;transition:all .2s}@media (min-width:768px){.glass-input{height:140px;padding:1rem;font-size:.95rem}}.input-section{flex-direction:column;gap:1rem;display:flex}.generation-info{background:#f7f7f8;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.info-item{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.info-label{color:#71717a;font-weight:600}.info-value{color:var(--fal-purple);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:700}.advanced-toggle{cursor:pointer;color:#52525b;background:#f7f7f8;border:1px solid #e5e5e5;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.advanced-toggle:hover{border-color:var(--fal-purple);background:#ececee}.chevron{transition:transform .3s}.chevron.rotated{transform:rotate(180deg)}.advanced-panel{background:#f7f7f8;border:1px solid #e5e5e5;border-radius:12px;max-height:70vh;margin-top:1rem;padding:1.5rem;animation:.3s ease-out slideDown;position:relative;overflow-y:auto}.advanced-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#f7f7f8 100%);height:20px;margin:0 -1.5rem -1.5rem;position:sticky;bottom:0;left:0;right:0}.advanced-panel::-webkit-scrollbar{width:6px}.advanced-panel::-webkit-scrollbar-track{background:0 0}.advanced-panel::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:99px}.advanced-panel::-webkit-scrollbar-thumb:hover{background:#a1a1aa}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:70vh;transform:translateY(0)}}.setting-group{margin-bottom:2rem}.setting-group:last-child{margin-bottom:0}.setting-label{color:#52525b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:block}.resolution-categories{flex-direction:column;gap:1rem;display:flex}.resolution-category{background:#fff;border-radius:12px;padding:1rem}.category-title{color:#52525b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.8rem;font-weight:700}.resolution-options{grid-template-columns:1fr;gap:.5rem;display:grid}@media (min-width:640px){.resolution-options{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.resolution-options{grid-template-columns:1fr 1fr 1fr}}.model-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:640px){.model-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.model-grid{grid-template-columns:1fr 1fr 1fr}}.model-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:1rem;transition:all .2s}.model-card:hover{border-color:var(--fal-purple);transform:translateY(-2px)}.model-card.active{border-color:var(--fal-purple);background:#5718c00d}.model-name{color:var(--fal-black);margin-bottom:.5rem;font-size:.9rem;font-weight:700}.model-description{color:#71717a;margin-bottom:.75rem;font-size:.8rem;line-height:1.4}.model-badges{gap:.5rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.speed-fast{color:#4d7c0f;background:#adff0033}.speed-medium{color:#92400e;background:#fbbf2433}.speed-slow{color:#991b1b;background:#ef444433}.quality-standard{color:#374151;background:#9ca3af33}.quality-high{color:#1e40af;background:#3b82f633}.quality-ultra{color:#6b21a8;background:#9333ea33}.resolution-option{cursor:pointer;background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:.75rem;transition:all .2s}.resolution-option:hover{border-color:var(--fal-purple);background:#fff}.resolution-option.active{border-color:var(--fal-purple);background:#5718c00d}.resolution-name{margin-bottom:.25rem;font-size:.85rem;font-weight:600}.resolution-specs{color:var(--fal-purple);margin-bottom:.25rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.75rem;font-weight:600}.resolution-description{color:#71717a;font-size:.7rem}.enhancement-info{cursor:help;position:relative;color:var(--fal-lime)!important}.enhancement-text{align-items:center;display:inline-flex;position:relative}.enhancement-tooltip{background:var(--fal-black);color:#fff;opacity:0;pointer-events:none;z-index:1000;border-radius:12px;flex-direction:column;gap:.5rem;min-width:250px;max-width:350px;padding:1rem;transition:opacity .2s;display:flex;position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.enhancement-tooltip:after{content:"";border:8px solid #0000;border-top-color:var(--fal-black);position:absolute;top:100%;left:50%;transform:translate(-50%)}.enhancement-info:hover .enhancement-tooltip{opacity:1;pointer-events:auto}.tooltip-title{color:var(--fal-lime);margin-bottom:.25rem;font-size:.85rem;font-weight:700;display:block}.tooltip-item{color:#ffffffe6;font-size:.8rem;line-height:1.5;display:block}@media (max-width:768px){.enhancement-tooltip{min-width:280px;max-width:90vw;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.enhancement-tooltip:after{display:none}.enhancement-info:hover .enhancement-tooltip{opacity:0}.enhancement-info:active .enhancement-tooltip{opacity:1}}.glass-input:focus{border-color:var(--fal-purple);background:#fff;outline:none;box-shadow:0 0 0 4px #5718c01a}.glass-input::placeholder{color:#a1a1aa}.header-section{text-align:center;z-index:2;background:#ffffffe6;border-radius:16px;flex-shrink:0;margin-bottom:1.5rem;padding:1rem;position:relative}@media (min-width:768px){.header-section{margin-bottom:2rem;padding:1.5rem}}h1.title-glow{color:var(--fal-black);letter-spacing:-.04em;background:linear-gradient(135deg,var(--fal-black)0%,var(--fal-purple)50%,var(--fal-black)100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.1;animation:8s ease-in-out infinite shimmerTitle;position:relative}@keyframes shimmerTitle{0%,to{background-position:0%}50%{background-position:100%}}.subtitle{color:#52525b;letter-spacing:-.02em;max-width:600px;margin:0 auto;font-size:clamp(.9rem,2vw,1.2rem);font-weight:500;line-height:1.5}.highlight{color:var(--fal-purple);font-weight:700;display:inline-block;position:relative}.highlight:after{content:"";background:var(--fal-cyan);z-index:-1;opacity:.6;width:100%;height:8px;position:absolute;bottom:2px;left:0;transform:rotate(-1deg)}.section-title{color:#71717a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;padding-left:.25rem;font-size:.75rem;font-weight:700}.workflow-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}@media (min-width:768px){.workflow-container{gap:2rem}}.workflow-step{opacity:0;-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #0000000d;border-radius:16px;padding:1.25rem;animation:.6s ease-out forwards slideInStep;transform:translateY(20px)}@media (min-width:768px){.workflow-step{border-radius:20px;padding:2rem}}.workflow-step:first-child{animation-delay:.1s}.workflow-step:nth-child(2){animation-delay:.3s}.workflow-step:nth-child(3){animation-delay:.5s}@keyframes slideInStep{to{opacity:1;transform:translateY(0)}}.step-header{flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}@media (min-width:768px){.step-header{align-items:center;gap:1rem;margin-bottom:1.5rem}}.step-number{background:var(--fal-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}@media (min-width:768px){.step-number{width:40px;height:40px;font-size:1.1rem}}.step-title{color:var(--fal-black);flex:1;min-width:0;margin:0;font-size:1.25rem;font-weight:700}@media (min-width:768px){.step-title{font-size:1.5rem}}.step-description{color:#71717a;width:100%;margin:.5rem 0 0;font-size:.85rem;line-height:1.5}@media (min-width:768px){.step-description{width:auto;margin-left:3rem;font-size:.95rem}}.generation-section{flex-direction:column;gap:1rem;display:flex}.art-style-section{flex-direction:column;gap:.75rem;display:flex}.style-label{color:#52525b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.art-style-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:640px){.art-style-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.art-style-grid{grid-template-columns:repeat(4,1fr)}}.art-style-btn{cursor:pointer;background:#f7f7f8;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;font-family:inherit;transition:all .2s;display:flex}.art-style-btn:hover{border-color:var(--fal-purple);background:#ececee;transform:translateY(-2px)}.art-style-btn.active{background:var(--fal-lime);border-color:var(--fal-purple);box-shadow:0 4px 12px #adff004d}.style-icon{font-size:1.5rem;line-height:1}.style-name{color:var(--fal-black);text-align:center;font-size:.8rem;font-weight:600;line-height:1.2}@media (min-width:768px){.style-name{font-size:.85rem}}.quick-settings{background:#f7f7f8;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.setting-row{flex-direction:column;gap:.5rem;display:flex}.setting-label{color:#52525b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.setting-select{color:var(--fal-black);cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:.75rem;font-size:.9rem;transition:all .2s}.setting-select:focus{border-color:var(--fal-purple);outline:none;box-shadow:0 0 0 3px #5718c01a}.setting-select:hover{border-color:var(--fal-purple)}.book-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.book-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.book-grid{grid-template-columns:1fr 1fr 1fr}}.book-card{cursor:pointer;background:#f7f7f8;border:2px solid #0000;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.25rem;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden}@media (min-width:768px){.book-card{border-radius:16px;padding:1.5rem}}.book-card:hover{background:#ececee;transform:translateY(-2px);box-shadow:0 8px 20px -5px #0000001a}.book-card.active{background:var(--fal-cyan);color:var(--fal-black);border-color:var(--fal-purple);transform:translateY(-2px);box-shadow:0 12px 25px -5px #99ecff66}.book-card.active:before{content:"";background:linear-gradient(90deg,var(--fal-purple),var(--fal-pink));border-radius:14px 14px 0 0;height:4px;position:absolute;top:0;left:0;right:0}@media (min-width:768px){.book-card.active:before{border-radius:16px 16px 0 0}}.book-card.active:after{content:"✓ Selected";background:var(--fal-purple);color:#fff;z-index:1;border-radius:6px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}@media (max-width:767px){.book-card.active:after{content:"✓";padding:.25rem .4rem}}.book-info{flex:1;min-width:0}.book-title{color:inherit;margin:0 0 .25rem;font-size:1rem;font-weight:700;line-height:1.3}@media (min-width:768px){.book-title{font-size:1.1rem}}.book-author{color:inherit;opacity:.8;margin:0 0 .25rem;font-size:.85rem}@media (min-width:768px){.book-author{font-size:.9rem}}.book-series{color:inherit;opacity:.7;margin:0 0 .5rem;font-size:.75rem;font-style:italic}@media (min-width:768px){.book-series{font-size:.8rem}}.book-genre{color:var(--fal-purple);text-transform:uppercase;letter-spacing:.05em;background:#5718c01a;border-radius:6px;padding:.2rem .4rem;font-size:.65rem;font-weight:600;display:inline-block}@media (min-width:768px){.book-genre{padding:.25rem .5rem;font-size:.7rem}}.quote-count{color:inherit;opacity:.7;white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:600}@media (min-width:768px){.quote-count{font-size:.8rem}}.quote-selection{margin-top:1.5rem}.subsection-title{color:#52525b;margin-bottom:1rem;padding-left:.25rem;font-size:.9rem;font-weight:600}.quote-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.quote-grid{grid-template-columns:1fr 1fr}}@media (min-width:1200px){.quote-grid{grid-template-columns:1fr 1fr 1fr}}.quote-card{cursor:pointer;opacity:0;background:#f7f7f8;border:2px solid #0000;border-radius:14px;padding:1.25rem;transition:all .3s cubic-bezier(.25,1,.5,1);animation:.6s ease-out forwards slideInCard;position:relative;overflow:hidden;transform:translateY(20px)}@media (min-width:768px){.quote-card{border-radius:16px;padding:1.5rem}}.quote-card:first-child{animation-delay:.1s}.quote-card:nth-child(2){animation-delay:.2s}.quote-card:nth-child(3){animation-delay:.3s}.quote-card:nth-child(4){animation-delay:.4s}.quote-card:nth-child(5){animation-delay:.5s}@keyframes slideInCard{to{opacity:1;transform:translateY(0)}}.quote-card:before{content:"";background:linear-gradient(90deg,var(--fal-cyan),var(--fal-purple));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.quote-card:hover{background:#ececee;transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a}.quote-card:hover:before{opacity:1}.quote-card.active{background:var(--fal-lime);color:var(--fal-black);border-color:var(--fal-purple);transform:translateY(-2px);box-shadow:0 15px 35px -5px #adff0066}.quote-card.active:before{opacity:1}.quote-card.active:after{content:"✓ Tap to unselect";background:var(--fal-purple);color:#fff;border-radius:6px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}@media (min-width:768px){.quote-card.active:after{content:"✓ Selected"}}.quote-content{flex-direction:column;justify-content:space-between;height:100%;display:flex}.quote-text{color:inherit;flex-grow:1;margin:0;font-size:.9rem;font-style:italic;font-weight:500;line-height:1.6}@media (min-width:768px){.quote-text{font-size:.95rem}}.quote-meta{color:inherit;opacity:.8;flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.book-title{text-transform:uppercase;letter-spacing:.05em;font-weight:700}.author{opacity:.7;font-weight:500}.btn-container{flex-shrink:0;justify-content:center;width:100%;margin-top:1rem;display:flex}.flex-col-right .btn-container{border:none;margin-top:.75rem;padding-top:0}@media (min-width:768px){.flex-col-right{justify-content:flex-start}.flex-col-right .btn-container{margin-top:1rem}}.btn-magic{background:var(--fal-black);color:var(--fal-white);text-transform:none;letter-spacing:-.01em;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:100%;min-height:52px;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000004d}@media (min-width:768px){.btn-magic{border-radius:16px;padding:1rem 2rem;font-size:1.0625rem}}.magic-icon{transition:transform .3s}.btn-magic:hover:not(:disabled) .magic-icon{transform:translate(4px)}.loading-text{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.btn-magic:hover:not(:disabled){background:#000;transform:translateY(-4px);box-shadow:0 20px 40px -10px #0006}.btn-magic:disabled{color:#a1a1aa;cursor:not-allowed;box-shadow:none;background:#e4e4e7;transform:none}.loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:.75rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:99px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#d4d4d8}.modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;box-sizing:border-box;background:#fffffff2;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.4s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@media (min-width:768px){.modal-overlay{padding:2rem}}.modal-content{background:#fff;border:1px solid #0000000d;border-radius:16px;flex-direction:column;width:100%;max-width:1600px;max-height:95vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #00000026}@media (min-width:768px){.modal-content{border-radius:20px;width:90%;max-height:90vh}}.image-container{background:#f2f2f2;flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;overflow:auto}.generated-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:60vh;display:block}@media (min-width:768px){.generated-image{max-height:70vh}}.modal-footer{background:#fff;border-top:1px solid #e5e5e5;flex-direction:column;gap:1rem;padding:1rem;display:flex}@media (min-width:768px){.modal-footer{flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem 2rem}}.generation-details{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (min-width:768px){.generation-details{justify-content:flex-start;gap:1.5rem}}.detail-item{color:#71717a;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}@media (min-width:768px){.detail-item{font-size:.85rem}}.detail-item svg{color:var(--fal-purple);flex-shrink:0}.style-icon-small{font-size:1rem;line-height:1}.close-btn{color:var(--fal-black);cursor:pointer;z-index:110;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #0000001a}@media (min-width:768px){.close-btn{width:44px;height:44px;top:1.5rem;right:1.5rem}}.close-btn:hover{background:#fff;transform:scale(1.1)}.download-actions{width:100%;display:flex}@media (min-width:768px){.download-actions{width:auto}}.download-btn{background:var(--fal-black);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000001a}@media (min-width:768px){.download-btn{width:auto;padding:.75rem 1.5rem;font-size:1rem}}.download-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.error-msg{color:var(--fal-pink);text-align:center;background:#ec06480d;border:1px solid #ec06481a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem;font-weight:600;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-footer{text-align:center;color:#a1a1aa;margin-top:2rem;padding:1.5rem 0;font-size:.8rem}@media (min-width:768px){.app-footer{margin-top:3rem;padding:2rem 0;font-size:.85rem}}