*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-forest-ink: #163300;--color-lime-voltage: #9fe870;--color-spruce: #054d28;--color-linen-mist: #e2f6d5;--color-charcoal: #454745;--color-obsidian: #0e0f0c;--color-pebble: #868685;--color-slate: #6a6c6a;--color-fog: #e8ebe6;--color-paper: #ffffff;--color-alarm-red: #cb272f;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-pill: 9999px;--radius-card: 10px;--radius-lg: 16px;--shadow-card: 0 1px 2px rgba(14, 15, 12, .06);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .08)}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-paper);color:var(--color-charcoal);font-size:15px;line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-header{display:flex;align-items:center;gap:20px;padding:0 20px;height:64px;background:var(--color-paper);border-bottom:1px solid var(--color-fog);flex-shrink:0}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--color-forest-ink);color:var(--color-lime-voltage);font-size:13px;font-weight:900;letter-spacing:-.5px}.app-header h1{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--color-obsidian)}.mode-toggle{display:flex;gap:2px;background:var(--color-fog);border-radius:var(--radius-pill);padding:3px}.mode-toggle button{padding:7px 20px;border:none;background:transparent;color:var(--color-charcoal);border-radius:var(--radius-pill);font-size:14px;font-weight:600;transition:background .15s,color .15s}.mode-toggle button.active{background:var(--color-forest-ink);color:var(--color-paper)}.mode-toggle button:not(.active):hover{background:#ffffffb3}.provider-badge{margin-left:auto;padding:5px 14px;background:var(--color-linen-mist);color:var(--color-forest-ink);border-radius:var(--radius-pill);font-size:12px;font-weight:600}.mode-indicator{padding:5px 14px;background:var(--color-fog);color:var(--color-forest-ink);border-radius:var(--radius-pill);font-size:12px;font-weight:600}.label-optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-pebble)}.mobile-tabs{display:none}.workspace{display:flex;flex:1;overflow:hidden}.control-panel{width:360px;min-width:320px;background:var(--color-paper);border-right:1px solid var(--color-fog);overflow-y:auto;flex-shrink:0}.control-panel-inner{display:flex;flex-direction:column;gap:18px;padding:20px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field-row{display:flex;gap:10px}.field-row .field{flex:1}.field-label{font-size:12px;font-weight:600;color:var(--color-slate);text-transform:uppercase;letter-spacing:.04em}textarea,select,.slide-outline-row input{width:100%;padding:12px 14px;background:var(--color-paper);border:1px solid var(--color-pebble);border-radius:var(--radius-card);color:var(--color-charcoal);font-size:15px;font-family:inherit}textarea{resize:vertical;min-height:96px;line-height:1.5}textarea::placeholder{color:var(--color-pebble)}textarea:focus,select:focus,.slide-outline-row input:focus{outline:none;border-color:var(--color-forest-ink);box-shadow:0 0 0 1px var(--color-forest-ink)}select{padding:10px 32px 10px 12px;font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' fill='none' stroke='%23454745' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select:disabled{opacity:.5;cursor:not-allowed}.char-count{font-size:12px;color:var(--color-pebble);text-align:right}.helper-text{font-size:12px;color:var(--color-slate)}.carousel-settings{padding:14px;background:var(--color-linen-mist);border-radius:var(--radius-card)}.slide-outline-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px}.slide-outline-row>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-forest-ink);color:var(--color-paper);font-size:12px;font-weight:700}.slide-outline-row input{padding:10px 12px;background:var(--color-paper);border:1px solid var(--color-pebble);border-radius:var(--radius-card);color:var(--color-charcoal);font:inherit;font-size:13px;min-width:0}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.ratio-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-pebble);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-charcoal);font-size:13px;font-weight:600;transition:all .15s}.ratio-chip:hover{background:var(--color-linen-mist);border-color:var(--color-forest-ink)}.ratio-chip.active{background:var(--color-lime-voltage);border-color:var(--color-forest-ink);color:var(--color-forest-ink)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.template-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;border:2px solid transparent;border-radius:var(--radius-card);background:var(--color-fog);transition:all .15s;min-height:76px}.template-card:hover{background:var(--color-linen-mist)}.template-card.active{background:var(--color-linen-mist);border-color:var(--color-forest-ink)}.template-icon{font-size:20px;line-height:1}.template-label{font-size:12px;font-weight:600;color:var(--color-charcoal);text-align:center;line-height:1.2}.template-ratio{font-size:10px;font-weight:600;color:var(--color-slate);background:var(--color-paper);padding:1px 7px;border-radius:var(--radius-pill)}.model-list{display:flex;flex-direction:column;gap:6px}.model-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border:1px solid var(--color-fog);border-radius:var(--radius-card);background:var(--color-paper);text-align:left;transition:all .15s}.model-card:hover{border-color:var(--color-forest-ink)}.model-card.active{border:2px solid var(--color-forest-ink);background:var(--color-linen-mist);padding:9px 13px}.model-name{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-obsidian)}.model-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-forest-ink);background:var(--color-lime-voltage);padding:2px 8px;border-radius:var(--radius-pill)}.model-desc{font-size:12px;color:var(--color-slate)}.advanced-toggle{align-self:flex-start;border:none;background:none;color:var(--color-forest-ink);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:0}.advanced{gap:14px;padding:14px;background:var(--color-fog);border-radius:var(--radius-card)}.upload-btn{padding:14px;background:var(--color-paper);border:1.5px dashed var(--color-pebble);border-radius:var(--radius-card);color:var(--color-slate);font-size:14px;font-weight:600;text-align:center;transition:all .15s}.upload-btn:hover{border-color:var(--color-forest-ink);color:var(--color-forest-ink);background:var(--color-linen-mist)}.ref-previews{display:flex;flex-wrap:wrap;gap:8px}.ref-thumb{position:relative;width:72px;height:72px;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--color-fog)}.ref-thumb img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0e0f0cbf;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}.panel-footer{display:flex;flex-direction:column;gap:10px;position:sticky;bottom:0;background:var(--color-paper);padding-top:8px;padding-bottom:env(safe-area-inset-bottom,0)}.generate-btn{padding:15px 24px;background:var(--color-lime-voltage);border:none;border-radius:var(--radius-pill);color:var(--color-forest-ink);font-size:16px;font-weight:700;letter-spacing:-.01em;transition:filter .15s,transform .1s;min-height:52px}.generate-btn:hover:not(:disabled){filter:brightness(.95)}.generate-btn:active:not(:disabled){transform:scale(.99)}.generate-btn:disabled{opacity:.45;cursor:not-allowed}.status-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;color:var(--color-forest-ink);font-weight:600;font-size:14px;background:var(--color-linen-mist);border-radius:var(--radius-pill)}.progress-wrap{display:flex;flex-direction:column;gap:6px}.progress-track{width:100%;height:8px;background:var(--color-fog);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-spruce),var(--color-lime-voltage));border-radius:var(--radius-pill);transition:width .5s ease;min-width:8px}.progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--color-forest-ink)}.progress-meta span{display:inline-flex;align-items:center;gap:6px}.canvas-progress{width:100%}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-forest-ink);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.error-msg{padding:12px 16px;background:#cb272f14;border-radius:var(--radius-card);color:var(--color-alarm-red);font-size:13px;font-weight:500}.success-msg{padding:12px 16px;background:var(--color-linen-mist);border-radius:var(--radius-card);color:var(--color-forest-ink);font-size:13px;font-weight:600}.canvas-area{flex:1;overflow-y:auto;padding:32px;background:#fafbf9;display:flex;align-items:flex-start;justify-content:center}.empty-state{text-align:center;padding:64px 20px;max-width:560px;margin:auto}.empty-title{font-size:clamp(32px,5vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--color-obsidian);margin-bottom:12px}.accent-word{color:var(--color-spruce)}.empty-state p{color:var(--color-slate);font-size:16px;margin-bottom:28px}.example-prompts{display:flex;flex-direction:column;gap:10px}.example-chip{padding:13px 18px;background:var(--color-paper);border:1px solid var(--color-fog);border-radius:var(--radius-card);color:var(--color-charcoal);font-size:14px;text-align:left;transition:all .15s;box-shadow:var(--shadow-card)}.example-chip:hover{border-color:var(--color-forest-ink);background:var(--color-linen-mist)}.canvas-loading{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;margin:auto;width:100%;max-width:520px;padding:42px 28px;color:var(--color-slate);font-size:14px;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(159,232,112,.16),transparent 35%),linear-gradient(135deg,#f7fbf4,#edf6e8 52%,#f8fbf6);border:1px solid rgba(22,51,0,.08);box-shadow:inset 0 1px #ffffffd9,0 18px 48px #054d2814}.canvas-loading:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.62) 48%,transparent 62%),linear-gradient(rgba(5,77,40,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(5,77,40,.04) 1px,transparent 1px);background-size:220px 100%,26px 26px,26px 26px;animation:canvasShimmer 2.6s linear infinite;opacity:.85}.canvas-loading>*{position:relative;z-index:1}.loader{width:16px;height:16px;border-radius:50%;display:block;margin:15px auto;position:relative;background:#fff;box-shadow:-24px 0 #fff,24px 0 #fff;box-sizing:border-box;animation:shadowPulse 2s linear infinite}.loading-hero{position:relative;width:min(100%,440px);aspect-ratio:1;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(159,232,112,.18),transparent 34%),linear-gradient(135deg,#f7fbf4,#edf6e8 52%,#f8fbf6);border:1px solid rgba(22,51,0,.08);box-shadow:inset 0 1px #ffffffd9,0 18px 48px #054d2814}.loading-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(5,77,40,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(5,77,40,.045) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 78%);mask-image:radial-gradient(circle at center,black 20%,transparent 78%);opacity:.6}.loading-grid-glow{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background:conic-gradient(from 0deg,transparent,rgba(159,232,112,.18),transparent 35%,transparent 100%);animation:loadingSweep 4.8s linear infinite}.loading-core{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:120px;height:120px;margin-left:-60px;margin-top:-60px;display:grid;place-items:center}.loading-core-ring{position:absolute;border-radius:50%;border:1px solid rgba(22,51,0,.14)}.loading-core-ring.ring-1{top:0;right:0;bottom:0;left:0;border-color:#1633001a;animation:orbitSlow 10s linear infinite}.loading-core-ring.ring-2{top:14px;right:14px;bottom:14px;left:14px;border-color:#054d2824;animation:orbitSlowReverse 7s linear infinite}.loading-core-ring.ring-3{top:30px;right:30px;bottom:30px;left:30px;border-color:#9fe87073;box-shadow:0 0 22px #9fe87029;animation:breathe 2.4s ease-in-out infinite}.loading-core-dot{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d8ffb6,var(--color-lime-voltage) 55%,#7ad942 100%);box-shadow:0 0 28px #9fe8708c;animation:pulseCore 1.8s ease-in-out infinite}.loading-orb{position:absolute;border-radius:50%;filter:blur(1px)}.loading-orb.orb-a{width:18px;height:18px;top:22%;left:24%;background:#9fe870f2;box-shadow:0 0 18px #9fe87059;animation:floatOrbA 5.6s ease-in-out infinite}.loading-orb.orb-b{width:11px;height:11px;top:28%;right:23%;background:#054d28bf;animation:floatOrbB 6.6s ease-in-out infinite}.loading-orb.orb-c{width:14px;height:14px;bottom:22%;left:31%;background:#8686858c;animation:floatOrbC 7.4s ease-in-out infinite}.progress-track.modern{position:relative;height:10px;background:#1633000f;border:1px solid rgba(22,51,0,.05);box-shadow:inset 0 1px 2px #0e0f0c0d}.progress-track.modern .progress-fill{position:relative;background:linear-gradient(90deg,var(--color-spruce) 0%,#2d8a4f 38%,var(--color-lime-voltage) 100%);box-shadow:0 0 22px #9fe8702e}.progress-track.modern .progress-fill:after{content:"";position:absolute;top:0;right:0;width:52px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:progressScan 1.8s linear infinite}@keyframes loadingSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitSlow{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes orbitSlowReverse{0%{transform:rotate(360deg) scale(1)}to{transform:rotate(0) scale(1)}}@keyframes breathe{0%,to{transform:scale(.94);opacity:.72}50%{transform:scale(1.04);opacity:1}}@keyframes pulseCore{0%,to{transform:scale(.92)}50%{transform:scale(1.12)}}@keyframes floatOrbA{0%,to{transform:translateZ(0)}50%{transform:translate3d(16px,-12px,0)}}@keyframes floatOrbB{0%,to{transform:translateZ(0);opacity:.35}50%{transform:translate3d(-18px,16px,0);opacity:.9}}@keyframes floatOrbC{0%,to{transform:translateZ(0)}50%{transform:translate3d(20px,-14px,0)}}@keyframes progressScan{0%{transform:translate(18px);opacity:0}40%{opacity:1}to{transform:translate(0);opacity:0}}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;width:100%;max-width:1100px}.result-card{background:var(--color-paper);border:1px solid var(--color-fog);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.result-card img{width:100%;height:auto;display:block}.result-actions{display:flex;gap:8px;padding:12px 14px}.carousel-result{width:min(100%,760px);display:flex;flex-direction:column;gap:18px}.carousel-result-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.carousel-result-head h2{margin-top:5px;font-size:20px;color:var(--color-obsidian)}.carousel-badge{display:inline-flex;padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-lime-voltage);color:var(--color-forest-ink);font-size:11px;font-weight:800;text-transform:uppercase}.carousel-viewer{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-paper);border:1px solid var(--color-fog);box-shadow:var(--shadow-lg)}.carousel-image{width:100%;padding:0;border:0;background:#f3f5f1;display:block}.carousel-image img{width:100%;height:auto;max-height:66vh;object-fit:contain;display:block}.carousel-counter{position:absolute;top:12px;right:12px;padding:5px 10px;border-radius:var(--radius-pill);background:#0e0f0cb8;color:#fff;font-size:12px;font-weight:700}.carousel-arrow{position:absolute;top:42%;width:42px;height:42px;border:0;border-radius:50%;background:#ffffffeb;color:var(--color-forest-ink);box-shadow:var(--shadow-card);font-size:30px;line-height:1}.carousel-arrow.prev{left:12px}.carousel-arrow.next{right:12px}.carousel-dots{display:flex;justify-content:center;gap:7px;padding:12px}.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--color-pebble)}.carousel-dots button.active{width:22px;border-radius:var(--radius-pill);background:var(--color-forest-ink)}.carousel-description{padding:0 16px 16px;color:var(--color-charcoal);font-size:13px}.carousel-thumbnails{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.carousel-thumb-card{overflow:hidden;border:1px solid var(--color-fog);border-radius:var(--radius-card);background:var(--color-paper)}.carousel-thumb-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block}.carousel-thumb-card>div{display:flex;align-items:center;gap:8px;padding:8px;font-size:12px}.carousel-thumb-card strong{margin-right:auto}.pill-btn{padding:8px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;transition:all .15s}.pill-btn.primary-outline{background:var(--color-paper);border:1px solid var(--color-forest-ink);color:var(--color-forest-ink)}.pill-btn.primary-outline:hover{background:var(--color-linen-mist)}.pill-btn.ghost{background:none;border:none;color:var(--color-forest-ink);text-decoration:underline;text-underline-offset:3px}.gallery-strip{width:280px;min-width:240px;background:var(--color-paper);border-left:1px solid var(--color-fog);overflow-y:auto;flex-shrink:0}.gallery-inner{padding:20px 16px}.panel-title{font-size:12px;font-weight:600;color:var(--color-slate);margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}.gallery-empty{color:var(--color-pebble);font-size:13px;text-align:center;padding:24px 12px}.gallery-list{display:flex;flex-direction:column;gap:12px}.gallery-card{background:var(--color-paper);border:1px solid var(--color-fog);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}.gallery-card img{width:100%;height:130px;object-fit:cover;display:block}.gallery-card .carousel-viewer{border:0;border-radius:0;box-shadow:none}.gallery-card .carousel-image img{height:180px;object-fit:cover}.gallery-card .carousel-arrow{top:70px;width:30px;height:30px;font-size:22px}.gallery-card .carousel-arrow.prev{left:6px}.gallery-card .carousel-arrow.next{right:6px}.gallery-card .carousel-dots{padding:8px}.gallery-card .carousel-description{padding:0 10px 8px;font-size:11px}.gallery-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.gallery-prompt{font-size:12px;color:var(--color-charcoal);line-height:1.35;font-weight:500}.gallery-meta{font-size:11px;color:var(--color-pebble)}.gallery-actions{display:flex;align-items:center;gap:4px;padding:6px 8px;border-top:1px solid var(--color-fog)}.gallery-download{flex:2;padding:6px 12px;border:1px solid var(--color-forest-ink);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-forest-ink);font-size:12px;font-weight:600;transition:background .12s}.gallery-download:hover{background:var(--color-linen-mist)}.icon-btn{flex:1;padding:6px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-slate);font-size:14px;transition:all .12s}.icon-btn:hover{background:var(--color-fog);color:var(--color-obsidian)}.icon-btn.danger:hover{background:#cb272f1a;color:var(--color-alarm-red)}@media(max-width:1180px){.gallery-strip{width:240px;min-width:200px}.control-panel{width:330px;min-width:300px}}@media(max-width:760px){.app-header{height:56px;padding:0 14px;gap:12px}.app-header h1{font-size:16px}.brand-mark{width:30px;height:30px;border-radius:10px;font-size:11px}.provider-badge{display:none}.mobile-tabs{display:flex;gap:4px;padding:8px 14px;background:var(--color-paper);border-bottom:1px solid var(--color-fog);flex-shrink:0}.mobile-tabs button{flex:1;padding:9px 8px;border:none;border-radius:var(--radius-pill);background:var(--color-fog);color:var(--color-charcoal);font-size:13px;font-weight:600;min-height:40px}.mobile-tabs button.active{background:var(--color-forest-ink);color:var(--color-paper)}.workspace{flex-direction:column}.control-panel,.canvas-area,.gallery-strip{display:none;width:100%;min-width:0;border:none}.control-panel.mobile-visible,.canvas-area.mobile-visible,.gallery-strip.mobile-visible{display:block;flex:1;overflow-y:auto}.canvas-area.mobile-visible{display:flex;padding:16px}.control-panel-inner{padding:16px 14px 24px}.template-grid{grid-template-columns:repeat(3,1fr)}.chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.ratio-chip{flex-shrink:0;min-height:44px}.results-grid{grid-template-columns:1fr;gap:14px}.gallery-inner{padding:14px}.gallery-card img{height:160px}.empty-state{padding:32px 8px}textarea,select{font-size:16px}.generate-btn{min-height:54px}}input[type=email],input[type=password],input[type=text]{width:100%;padding:12px 14px;background:var(--color-paper);border:1px solid var(--color-pebble);border-radius:var(--radius-card);color:var(--color-charcoal);font-size:15px;font-family:inherit}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{outline:none;border-color:var(--color-forest-ink);box-shadow:0 0 0 1px var(--color-forest-ink)}.auth-loading{display:grid;place-items:center;height:100vh;height:100dvh}.auth-loading .brand-mark{width:56px;height:56px;font-size:18px;border-radius:16px}.auth-loading-logo{animation:authFadeIn .4s ease both}@keyframes authFadeIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.login-page{display:grid;place-items:center;min-height:100vh;min-height:100dvh;background:var(--color-fog);padding:20px}.login-card{width:100%;max-width:420px;background:var(--color-paper);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:18px}.login-brand{display:flex;align-items:center;gap:12px}.login-brand h1{font-size:24px;font-weight:900;letter-spacing:-.02em;color:var(--color-obsidian)}.login-sub{color:var(--color-slate);font-size:14px}.login-form{display:flex;flex-direction:column;gap:14px}.login-footer{font-size:12px;color:var(--color-pebble);text-align:center}.account-menu{position:relative}.account-trigger{border:none;background:none;padding:0}.account-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-linen-mist);color:var(--color-forest-ink);font-size:15px;font-weight:700;border:2px solid var(--color-forest-ink)}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:220px;background:var(--color-paper);border:1px solid var(--color-fog);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.account-email{padding:12px 14px;font-size:12px;font-weight:600;color:var(--color-slate);border-bottom:1px solid var(--color-fog);word-break:break-all}.dropdown-item{display:block;width:100%;padding:11px 14px;border:none;background:none;text-align:left;font-size:14px;font-weight:500;color:var(--color-charcoal)}.dropdown-item:hover{background:var(--color-linen-mist)}.dropdown-item.danger{color:var(--color-alarm-red)}.dropdown-item.danger:hover{background:#cb272f14}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0f0c73;display:grid;place-items:center;z-index:100;padding:20px}.modal-card{width:100%;max-width:400px;background:var(--color-paper);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-lg)}.modal-card h3{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--color-obsidian)}.modal-copy{color:var(--color-slate);font-size:14px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.generate-btn.compact.secondary-soft{background:var(--color-paper);color:var(--color-forest-ink);border:1px solid var(--color-fog-dark)}.generate-btn.compact.secondary-soft:hover{background:var(--color-linen-mist)}.generate-btn.compact.danger-solid{background:var(--color-alarm-red);color:#fff}.generate-btn.compact.danger-solid:hover{filter:brightness(.96)}.generate-btn.compact{min-height:0;padding:10px 22px;font-size:14px;width:auto}.admin-page{flex:1;overflow-y:auto;padding:28px 32px 64px;display:flex;flex-direction:column;gap:24px;background:#fafbf9}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-header h2{font-size:28px;font-weight:900;letter-spacing:-.02em;color:var(--color-obsidian)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.stat-card{background:var(--color-paper);border:1px solid var(--color-fog);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-card)}.stat-card.highlight{background:var(--color-forest-ink);border-color:var(--color-forest-ink)}.stat-card.highlight .stat-value{color:var(--color-lime-voltage)}.stat-card.highlight .stat-label{color:var(--color-linen-mist)}.stat-value{font-size:32px;font-weight:900;letter-spacing:-.02em;color:var(--color-obsidian);line-height:1}.stat-label{font-size:12px;font-weight:600;color:var(--color-slate);text-transform:uppercase;letter-spacing:.04em}.admin-section{background:var(--color-paper);border:1px solid var(--color-fog);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px}.daily-chart{display:flex;align-items:flex-end;gap:6px;height:120px}.daily-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.daily-bar{width:100%;max-width:36px;background:var(--color-lime-voltage);border-radius:6px 6px 0 0;border:1px solid var(--color-spruce);border-bottom:none}.daily-label{font-size:10px;color:var(--color-pebble)}.create-user-form{display:grid;grid-template-columns:2fr 1.5fr 1.5fr auto;gap:10px;align-items:center}.user-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-table{width:100%;border-collapse:collapse;font-size:13px}.user-table th{text-align:left;padding:8px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-slate);border-bottom:1px solid var(--color-fog)}.user-table td{padding:10px;border-bottom:1px solid var(--color-fog);color:var(--color-charcoal)}.user-table tr.inactive td{opacity:.5}.user-actions{white-space:nowrap}.user-actions .icon-btn{flex:none;padding:4px 8px}.empty-state.wide{max-width:920px}.remix-gallery{display:flex;flex-direction:column;gap:32px;text-align:left;margin-top:8px}.remix-section{display:flex;flex-direction:column;gap:6px}.remix-title{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--color-obsidian)}.remix-sub{font-size:13px;color:var(--color-slate);margin-bottom:8px}.remix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.remix-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-fog);border-radius:var(--radius-lg);background:var(--color-paper);overflow:hidden;padding:0;text-align:left;box-shadow:var(--shadow-card);transition:border-color .15s,transform .12s}.remix-card:hover{border-color:var(--color-forest-ink);transform:translateY(-2px)}.remix-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.remix-info{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.remix-label{font-size:13px;font-weight:700;color:var(--color-obsidian)}.remix-cat{font-size:11px;color:var(--color-slate)}.remix-action{position:absolute;top:10px;right:10px;padding:4px 12px;background:var(--color-lime-voltage);color:var(--color-forest-ink);font-size:11px;font-weight:700;border-radius:var(--radius-pill);opacity:0;transition:opacity .15s}.remix-card:hover .remix-action{opacity:1}.style-strip{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 10px;-webkit-overflow-scrolling:touch}.style-sub{margin:4px 0 6px;font-size:12px;line-height:1.5;color:var(--color-ash)}.style-card{flex-shrink:0;width:122px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--color-fog);border-radius:var(--radius-card);background:var(--color-paper);padding:6px;box-shadow:0 8px 22px #1c2d2614;transition:transform .15s,border-color .15s,box-shadow .15s}.style-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:var(--color-linen-mist);display:block}.style-card span{font-size:11px;font-weight:600;color:var(--color-charcoal);text-align:center}.style-card:hover{border-color:var(--color-pebble);transform:translateY(-1px);box-shadow:0 12px 28px #1c2d261f}.style-card.active{border-color:var(--color-forest-ink);background:var(--color-linen-mist)}@media(max-width:760px){.admin-page,.admin-capi-page{padding:16px 14px 48px;max-width:100%!important}.admin-header{align-items:flex-start}.admin-header h2{font-size:clamp(22px,7vw,28px);line-height:1.08}.stat-cards{grid-template-columns:1fr}.stat-card,.admin-section{padding:16px}.user-table{min-width:680px}.admin-section input,.admin-section select,.admin-section textarea{width:100%!important;max-width:100%}.create-user-form{grid-template-columns:1fr}.remix-grid{grid-template-columns:repeat(2,1fr);gap:10px}.account-dropdown{right:-8px}}.brand-logo{width:36px;height:36px;object-fit:contain;border-radius:10px}.auth-loading-logo{width:72px;height:72px;object-fit:contain;animation:pulse 1.2s ease-in-out infinite}.login-logo{height:96px;object-fit:contain;margin:0 auto}.empty-logo{width:64px;height:64px;object-fit:contain;margin:0 auto 8px;display:block}.account-trigger{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px;border-radius:var(--radius-pill)}.account-trigger:hover{background:var(--color-fog)}.account-caret{font-size:11px;color:var(--color-slate)}.link-btn{border:none;background:none;color:var(--color-forest-ink);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:0;white-space:nowrap}.mini-inspiration{display:flex;flex-direction:column;gap:6px;margin-top:4px}.mini-inspiration-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mini-inspiration-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.mini-preset{flex-shrink:0;width:56px;height:56px;padding:0;border:2px solid var(--color-fog);border-radius:var(--radius-card);overflow:hidden;background:none;transition:border-color .15s,transform .12s}.mini-preset:hover{border-color:var(--color-forest-ink);transform:translateY(-1px)}.mini-preset img{width:100%;height:100%;object-fit:cover;display:block}.inspiration-cta{margin:0 auto 24px;display:block}.inspiration-modal{max-width:880px;max-height:86vh;max-height:86dvh;overflow-y:auto}.inspiration-modal-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-24px;margin:-24px -24px 0;padding:16px 24px;background:var(--color-paper);border-bottom:1px solid var(--color-fog);z-index:5}.inspiration-modal-head .icon-btn{flex:none;font-size:20px;width:36px;height:36px}@media(max-width:760px){.account-dropdown{position:fixed;top:60px;right:10px;left:auto;width:min(260px,calc(100vw - 20px))}.mode-indicator{display:none}.login-logo{height:76px}.inspiration-modal{max-height:92dvh;border-radius:var(--radius-card)}.empty-state{padding:24px 4px 40px}}.account-menu{margin-left:auto;flex-shrink:0}.brand-colors{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-swatch{width:36px;height:36px;border-radius:10px;border:2px solid var(--color-fog);padding:0;position:relative;display:grid;place-items:center;transition:transform .12s,border-color .15s}.color-swatch:hover{border-color:var(--color-forest-ink);transform:scale(1.06)}.color-swatch .swatch-x{color:#fff;font-size:14px;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.6);opacity:0;transition:opacity .12s}.color-swatch:hover .swatch-x{opacity:1}.color-swatch.small{width:26px;height:26px;border-radius:8px}.color-picker-btn{width:36px;height:36px;border-radius:10px;border:2px dashed var(--color-pebble);display:grid;place-items:center;cursor:pointer;position:relative;color:var(--color-slate);font-size:18px;font-weight:600;transition:border-color .15s,color .15s}.color-picker-btn:hover{border-color:var(--color-forest-ink);color:var(--color-forest-ink)}.color-picker-btn input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.hex-input{width:96px!important;padding:8px 10px!important;font-size:13px!important;font-family:ui-monospace,monospace}.color-suggestions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0f0ceb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:200;padding:24px}.lightbox-img{max-width:94vw;max-height:80vh;max-height:80dvh;object-fit:contain;border-radius:var(--radius-card);box-shadow:var(--shadow-lg)}.lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;font-size:24px;display:grid;place-items:center}.lightbox-close:hover{background:#ffffff40}.carousel-lightbox{gap:12px}.carousel-lightbox-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:94vw}.carousel-lightbox .lightbox-arrow{top:50%;transform:translateY(-50%);z-index:2}.carousel-lightbox .lightbox-counter{position:static;margin-top:4px}.carousel-lightbox-caption{max-width:min(720px,90vw);margin:0;padding:0 12px;text-align:center;color:#ffffffe0;font-size:14px}.carousel-lightbox-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.generate-btn.compact.secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.28)}.lightbox-dots button{background:#ffffff59}.lightbox-dots button.active{background:#fff}.carousel-progress-banner{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--radius-card);background:#c6ff002e;border:1px solid rgba(198,255,0,.35);font-size:13px;color:var(--color-forest-ink)}.progress-track.compact{height:6px}.carousel-progress-banner.single-progress{width:min(100%,760px);margin-bottom:14px}.result-img-btn{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in}.result-img-btn img{width:100%;display:block}.gallery-card .result-img-btn img{height:130px;object-fit:cover}@media(max-width:760px){.gallery-card .result-img-btn img{height:160px}}@keyframes shadowPulse{33%{background:#fff;box-shadow:-24px 0 #ff3d00,24px 0 #fff}66%{background:#ff3d00;box-shadow:-24px 0 #fff,24px 0 #fff}to{background:#fff;box-shadow:-24px 0 #fff,24px 0 #ff3d00}}@keyframes canvasShimmer{0%{transform:translate(-18%) rotate(0)}to{transform:translate(18%) rotate(0)}}.admin-page-wide{flex:1;width:100%;max-width:none!important;margin:0!important;padding:24px clamp(16px,3vw,40px) 64px!important;overflow-y:auto;background:radial-gradient(circle at top right,rgba(159,232,112,.16),transparent 34rem),#fafbf9}.admin-header-panel{margin-bottom:18px!important;padding:22px 24px;border-radius:24px;background:var(--color-forest-ink);color:var(--color-paper);box-shadow:var(--shadow-lg)}.admin-header-panel h2{color:var(--color-paper)}.admin-header-panel .pill-btn{background:#ffffff1a!important;color:var(--color-paper)!important;border-color:#fff3!important}.admin-header-panel .pill-btn:hover{background:#ffffff29!important}.admin-menu-bar{position:sticky;top:0;z-index:10;display:flex;gap:8px;margin:0 0 24px;padding:10px;overflow-x:auto;border:1px solid var(--color-fog);border-radius:20px;background:#ffffffeb;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-overflow-scrolling:touch}.admin-menu-item{flex:0 0 auto;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-slate);font-size:14px;font-weight:850;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .12s}.admin-menu-item:hover{background:var(--color-linen-mist);color:var(--color-forest-ink);transform:translateY(-1px)}.admin-menu-item.active{background:var(--color-forest-ink);color:var(--color-lime-voltage);border-color:var(--color-forest-ink)}.admin-page-wide .stat-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.admin-page-wide .admin-section,.admin-page-wide .stat-card{border-radius:20px;box-shadow:var(--shadow-card)}.admin-page-wide .user-table-wrap{width:100%}.admin-page-wide .user-table th,.admin-page-wide .user-table td{padding:12px 14px}@media(min-width:1180px){.admin-page-wide .stat-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:760px){.admin-page-wide{padding:14px 12px 48px!important}.admin-header-panel{padding:18px 16px;border-radius:18px}.admin-menu-bar{margin-bottom:16px;border-radius:16px}.admin-menu-item{padding:9px 13px;font-size:13px}}.admin-menu-bar{gap:12px;padding:12px;align-items:stretch}.admin-menu-item{display:inline-flex;align-items:center;gap:12px;min-width:210px;padding:12px 14px;border-radius:18px;text-align:left}.admin-menu-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:15px;background:var(--color-linen-mist);color:var(--color-forest-ink);font-size:18px;font-weight:950;box-shadow:inset 0 0 0 1px var(--color-forest-ink-10)}.admin-menu-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-menu-copy b{color:inherit;font-size:14px;line-height:1.1;letter-spacing:-.01em}.admin-menu-copy small{color:var(--color-pebble);font-size:11px;font-weight:700;line-height:1.25;white-space:normal}.admin-menu-item.active .admin-menu-icon{background:var(--color-lime-voltage);color:var(--color-forest-ink)}.admin-menu-item.active .admin-menu-copy small{color:#d2ffb8d1}@media(max-width:760px){.admin-menu-bar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,76vw)}.admin-menu-item{min-width:0}}.admin-menu-bar{position:relative!important;top:auto!important;z-index:1!important;min-height:82px;height:auto!important;overflow-x:auto;overflow-y:visible!important;margin-bottom:28px!important;padding-bottom:12px!important;scrollbar-width:none}.admin-menu-bar::-webkit-scrollbar{display:none}.admin-menu-item{min-height:58px;overflow:visible!important}.admin-menu-icon,.admin-menu-copy{pointer-events:none}@media(max-width:760px){.admin-menu-bar{min-height:86px;margin-bottom:22px!important}}.admin-page-wide{display:grid!important;grid-template-columns:292px minmax(0,1fr);grid-auto-rows:auto;gap:22px 24px;align-items:start}.admin-header-panel{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-menu-bar{grid-column:1;grid-row:2 / span 20;position:sticky!important;top:18px!important;z-index:5!important;display:flex!important;flex-direction:column;gap:10px;width:100%;min-height:0!important;height:auto!important;max-height:calc(100vh - 120px);overflow-y:auto!important;overflow-x:hidden!important;padding:12px!important;margin:0!important;border-radius:24px;background:linear-gradient(180deg,var(--color-paper),#fbfcf9)}.admin-menu-bar:before{content:"ADMIN MENU";display:block;padding:6px 8px 8px;color:var(--color-pebble);font-size:11px;font-weight:950;letter-spacing:.12em}.admin-menu-item{width:100%;min-width:0!important;min-height:74px;justify-content:flex-start;border:1px solid var(--color-fog);background:var(--color-paper);box-shadow:none}.admin-menu-item.active{box-shadow:0 16px 34px #1a2e1a2e}.admin-page-wide>:not(.admin-header-panel):not(.admin-menu-bar){grid-column:2;min-width:0}.admin-page-wide .admin-section,.admin-page-wide .stat-card,.admin-page-wide .stat-cards{min-width:0}.admin-page-wide .stat-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}@media(max-width:920px){.admin-page-wide{display:block!important}.admin-header-panel{display:flex}.admin-menu-bar{position:relative!important;top:auto!important;display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(220px,78vw);overflow-x:auto!important;overflow-y:visible!important;max-height:none;margin:0 0 18px!important}.admin-menu-bar:before{display:none}.admin-menu-item{min-height:68px}}