:root{--bg-primary:#f5f1ee;--bg-secondary:#ebe6de;--bg-tertiary:#e1dbd3;--bg-card:#ffffff;--bg-elevated:#ffffff;--text-primary:#1a1614;--text-secondary:#5c534a;--text-muted:#8a8279;--text-disabled:#c2bdb6;--accent-primary:#34625b;--accent-primary-hover:#2a4f49;--accent-secondary:#5a8a80;--accent-tertiary:#1e4a42;--gradient-primary:linear-gradient(135deg,#34625b,#1e4a42);--gradient-secondary:linear-gradient(135deg,#5a8a80,#34625b);--gradient-warm:linear-gradient(135deg,#34625b,#5a8a80);--gradient-success:linear-gradient(135deg,#16a34a,#15803d);--border-subtle:rgba(26,22,20,0.06);--border-default:rgba(26,22,20,0.1);--border-hover:rgba(26,22,20,0.15);--shadow-sm:0 1px 2px rgba(26,22,20,0.05);--shadow-md:0 4px 12px rgba(26,22,20,0.08);--shadow-lg:0 8px 24px rgba(26,22,20,0.1);--shadow-xl:0 16px 48px rgba(26,22,20,0.12);--shadow-glow-teal:0 4px 20px rgba(52,98,91,0.25);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-sans:"Bricolage Grotesque",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace}*{-webkit-focus-ring-color:transparent;outline:none}*,[role=button],a,button,select{-webkit-tap-highlight-color:transparent}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.container{max-width:1300px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem}}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--accent-primary);color:white;box-shadow:var(--shadow-glow-blue)}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 6px 24px rgba(52,98,91,.3)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.btn-ghost{background:#000000;color:#FFFFFF}.btn-ghost:hover{background:#1a1a1a}.btn-large{padding:.875rem 1.75rem;font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all .3s ease}.card:hover{border-color:var(--border-default);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:768px){.grid-2{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{width:20px;height:20px;border:2px solid rgba(20,20,19,.2);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.generate-page{min-height:100vh;padding:2rem}.generate-page,.generator-section{background:var(--bg-primary);position:relative;overflow:hidden}.generator-section{padding:3rem 0}.generator-section .orb{position:absolute;border-radius:50%;pointer-events:none}.generator-section .orb-1{top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(52,98,91,.15) 0,transparent 70%);filter:blur(60px)}.generator-section .orb-2{bottom:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(52,98,91,.12) 0,transparent 70%);filter:blur(80px)}.generate-page .orb{position:absolute;border-radius:50%;pointer-events:none}.demo-thumb-container .demo-thumb-inner:hover .demo-thumb-actions{opacity:1!important}.demo-thumb-container .demo-thumb-inner:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.demo-thumb-inner{transition:transform .3s ease,box-shadow .3s ease}.generate-page .orb-1{top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(52,98,91,.15) 0,transparent 70%);filter:blur(60px)}.generate-page .orb-2{bottom:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(52,98,91,.12) 0,transparent 70%);filter:blur(80px)}.generate-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.generate-header{text-align:center;margin-bottom:3rem}.generate-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.generate-subtitle{color:var(--text-secondary);font-size:1.125rem}.generate-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:900px){.generate-grid{grid-template-columns:1fr}}.prompt-input-wrapper{position:relative;margin-bottom:1rem}.prompt-input{width:100%;min-height:140px;padding:1.25rem 1.25rem 2.5rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);font-size:.9375rem;line-height:1.6;resize:none;outline:none;transition:border-color .2s,box-shadow .2s}.prompt-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.prompt-input::placeholder{color:var(--text-muted);font-style:italic;opacity:.8}.prompt-char-count{position:absolute;bottom:.75rem;right:1rem;font-size:.75rem;color:var(--text-muted)}.settings-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:1.5rem}.settings-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.settings-group,.settings-title{margin-bottom:1.25rem}.settings-group:last-child{margin-bottom:0}.settings-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.625rem}.settings-select{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;outline:none;cursor:pointer}.btn-generate{padding:1rem 1.5rem;background:linear-gradient(135deg,var(--accent-primary) 0,#1e4a42 100%);border:none;border-radius:var(--radius-lg);color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(52,98,91,.3)}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,98,91,.4)}.progress-container{margin-bottom:1.5rem}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .3s ease}.progress-text{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary);text-align:center}.result-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.result-image-wrapper{position:relative;background:var(--bg-tertiary)}.result-image{width:100%;display:block}.result-actions{display:flex;gap:.75rem;padding:1rem;background:var(--bg-tertiary)}@media (max-width:768px){.generate-page{padding:1rem}.generate-container{padding:0 1rem}.generate-header{margin-bottom:2rem}.generate-grid{gap:1.25rem}.settings-panel{padding:1rem}.result-actions{flex-direction:column}.result-actions .btn{width:100%;justify-content:center}}.section-padded{padding:6rem 0}@media (max-width:768px){.section-padded{padding:4rem 0}section{padding-left:0!important;padding-right:0!important}section .container{padding-left:1rem!important;padding-right:1rem!important}section>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important}footer{padding-left:0!important;padding-right:0!important}footer>div{padding-left:1rem!important;padding-right:1rem!important}}.lightbox-info-desktop::-webkit-scrollbar,.lightbox-scroll::-webkit-scrollbar{width:4px}.lightbox-info-desktop::-webkit-scrollbar-track,.lightbox-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:2px}.lightbox-info-desktop::-webkit-scrollbar-thumb,.lightbox-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px}.lightbox-info-desktop::-webkit-scrollbar-thumb:hover,.lightbox-scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}@media (max-width:768px){.hide-mobile{display:none!important}.i2i-card-inner{display:flex!important;flex-direction:column!important;aspect-ratio:unset!important;height:auto!important;overflow:hidden!important;position:relative!important}.i2i-card-inner .i2i-before-img{position:relative!important;width:100%!important;height:200px!important;order:1!important;z-index:0!important}.i2i-card-inner .i2i-after-img{width:100%!important}.i2i-card-inner .i2i-after-wrap{width:100%!important;height:200px!important;z-index:2!important;order:0!important}.i2i-card-inner:after{content:"";position:absolute;top:50%;left:0;right:0;height:20px;margin-top:-10px;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 60%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10!important;pointer-events:none}.i2i-card-inner .i2i-divider{display:none!important}.i2i-card-inner .i2i-before-label{top:8px!important;bottom:auto!important;left:8px!important;right:auto!important}.i2i-card-inner .i2i-after-label{top:auto!important;bottom:8px!important;left:auto!important;right:8px!important}}html{touch-action:pan-x pan-y}@supports (touch-action:manipulation){html{touch-action:manipulation}}@supports (-webkit-touch-callout:any){html{-webkit-touch-callout:none;touch-action:pan-x pan-y}body{-webkit-text-size-adjust:100%}}body{touch-action:pan-x pan-y;overflow-x:hidden}a,button,canvas,img,input,picture,svg,video{touch-action:manipulation}#__next,main{touch-action:pan-x pan-y}.gallery-masonry-grid{columns:200px 4;column-gap:.75rem}.gallery-masonry-grid .i2i-card-inner{height:auto!important;aspect-ratio:4/5!important}@media (max-width:900px){.gallery-masonry-grid .i2i-slider-div,.gallery-masonry-grid .i2i-slider-handle{display:none!important}.gallery-masonry-grid .i2i-card-inner{aspect-ratio:1/1!important;height:auto!important}.gallery-masonry-grid .i2i-before-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important}.gallery-masonry-grid .i2i-before-img img{width:100%!important;height:100%!important;object-fit:cover!important}.gallery-masonry-grid .i2i-after-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important}.gallery-masonry-grid .i2i-after-wrap img{width:100%!important;height:100%!important;object-fit:cover!important}.gallery-masonry-grid .i2i-model-badge{opacity:1!important}}@media (min-width:901px){.gallery-masonry-grid .i2i-model-badge{opacity:0!important;transition:opacity .25s ease}.gallery-masonry-grid .i2i-card-inner:hover .i2i-model-badge{opacity:1!important}}