*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}#main-nav.hidden{display:none!important}#main-nav.hidden~.profile-nav-slot{display:none!important}:root{--bg-void: #030308;--bg-deep: #060610;--bg-subtle: #0c0c1a;--glass-bg: rgba(255, 255, 255, .025);--glass-bg-hover: rgba(255, 255, 255, .05);--glass-bg-active: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .12);--glass-blur: blur(28px);--glass-saturate: saturate(180%);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .5);--text-dim: rgba(255, 255, 255, .25);--text-accent: #6aadff;--accent: #5899ff;--accent-soft: rgba(88, 153, 255, .12);--accent-glow: rgba(88, 153, 255, .25);--accent-bright: #7db8ff;--success: #34d399;--success-soft: rgba(52, 211, 153, .12);--error: #f87171;--error-soft: rgba(248, 113, 113, .12);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 100px;--font: "Satoshi", system-ui, -apple-system, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--content-max: 1160px;--nav-height: 52px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font);font-weight:400;color:var(--text-primary);background:var(--bg-void);min-height:100vh;overflow-x:hidden;line-height:1.5}.ambient-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--bg-void)}.ambient-orb{position:absolute;will-change:transform;pointer-events:none}.ambient-orb--blue{width:900px;height:900px;top:-30%;left:10%;background:radial-gradient(circle,#5899ff1a,#5899ff00 70%);animation:orbDrift1 28s ease-in-out infinite alternate}.ambient-orb--purple{width:750px;height:750px;bottom:-20%;right:0%;background:radial-gradient(circle,#8b5cf614,#8b5cf600 70%);animation:orbDrift2 34s ease-in-out infinite alternate}.ambient-orb--teal{width:600px;height:600px;top:35%;right:25%;background:radial-gradient(circle,#34d3990d,#34d39900 70%);animation:orbDrift3 24s ease-in-out infinite alternate}#app{position:relative;z-index:1}.app-content{margin:0 auto}.app-content:has(.tool-page){max-width:var(--content-max);padding:0 24px;padding-top:calc(var(--nav-height) + 40px);padding-bottom:80px}.app-content:has(.home-page){max-width:none;padding:0}.nav-outer{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:8px;animation:navEntrance .8s var(--ease-out) both;animation-delay:.2s}#main-nav{position:relative;display:flex;align-items:center;gap:2px;padding:5px;border-radius:var(--r-pill);background:#0c0c1aa6;backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);box-shadow:0 8px 40px #0006,0 1px 3px #0003,inset 0 1px #ffffff0f}.nav-item{position:relative;display:flex;align-items:center;gap:7px;padding:9px 18px;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font);font-size:.8125rem;font-weight:500;letter-spacing:.01em;cursor:pointer;border-radius:var(--r-pill);transition:color .35s var(--ease-out);z-index:2;white-space:nowrap;-webkit-user-select:none;user-select:none}.nav-item svg{width:16px;height:16px;opacity:.7;transition:opacity .3s}.nav-item.active{color:var(--text-primary)}.nav-item.active svg{opacity:1}.nav-item:hover:not(.active):not(.locked){color:var(--text-primary)}.nav-item.locked{opacity:.35;cursor:not-allowed;pointer-events:auto}.nav-item.locked svg{opacity:.3}.nav-item.locked[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);padding:5px 12px;background:#0c0c1aeb;border:1px solid var(--glass-border-hover);border-radius:var(--r-sm);color:var(--text-secondary);font-size:.6875rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:20}.nav-item.locked[data-tooltip]:hover:after{opacity:1}.nav-home{position:relative;display:flex;align-items:center;justify-content:center;padding:6px 10px;background:transparent;border:none;cursor:pointer;border-radius:var(--r-pill);transition:opacity .35s var(--ease-out);z-index:2;-webkit-user-select:none;user-select:none;opacity:.75}.nav-logo-img{width:24px;height:24px;border-radius:6px;object-fit:cover;display:block}.nav-home.active{opacity:1}.nav-home:hover:not(.active){opacity:1}.nav-wordmark{display:inline-block;font-family:var(--font);font-size:.8125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;max-width:0;opacity:0;margin:0;transition:max-width .45s var(--ease-out),opacity .35s var(--ease-out),margin .45s var(--ease-out);z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none}.nav-home-mode .nav-wordmark{max-width:55px;opacity:1;margin:0 2px;background:linear-gradient(135deg,#a0c4ff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 12px rgba(88,153,255,.35)) drop-shadow(0 0 24px rgba(139,92,246,.2))}.nav-tool-mode .nav-wordmark{max-width:0;opacity:0;margin:0}.nav-indicator{position:absolute;top:5px;height:calc(100% - 10px);background:radial-gradient(ellipse at 50% 25%,#ffffff24,#ffffff0a,#5899ff08);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-pill);transition:left .45s var(--ease-out),width .45s var(--ease-out),opacity .35s var(--ease-out);z-index:1;box-shadow:inset 0 2px 4px #ffffff14,inset 0 -1px 3px #ffffff05,0 2px 8px #5899ff14,0 0 16px #5899ff0a}.tool-page{display:none;animation:pageEnter .45s var(--ease-out) both}.tool-page.active{display:block}.tool-page.page-exit{animation:pageExit .3s var(--ease-out) forwards}.home-page{display:none;animation:pageEnter .45s var(--ease-out) both}.home-page.active{display:block}.home-page.page-exit{animation:pageExit .3s var(--ease-out) forwards}.tool-header{text-align:center;padding:48px 0 40px;animation:fadeSlideUp .6s var(--ease-out) both;animation-delay:.1s}.tool-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,var(--text-primary) 0%,rgba(255,255,255,.6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-subtitle{margin-top:10px;font-size:1rem;font-weight:400;color:var(--text-secondary);letter-spacing:.005em}.glass-panel{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:0 8px 32px #00000040,inset 0 1px 0 var(--glass-highlight);overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 20% 15%,rgba(255,255,255,.06) 0%,transparent 50%),linear-gradient(105deg,transparent 38%,rgba(255,255,255,.02) 44%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.02) 56%,transparent 62%);background-size:100% 100%,250% 100%;background-position:center,100% center;opacity:0;transition:opacity .4s,background-position .8s var(--ease-out);pointer-events:none;z-index:1}.glass-panel:hover:before{opacity:1;background-position:center,-50% center}.glass-panel>*{position:relative;z-index:2}.glass-select{appearance:none;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font);font-size:.8125rem;font-weight:500;padding:9px 34px 9px 12px;cursor:pointer;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.glass-select:hover{border-color:var(--glass-border-hover);background-color:#ffffff0f}.glass-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.glass-select option{background:#1a1a2e;color:var(--text-primary)}.custom-select{position:relative;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font);font-size:.8125rem;font-weight:500;padding:9px 12px;cursor:pointer;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;text-align:left}.custom-select-trigger:hover{border-color:var(--glass-border-hover);background:#ffffff0f}.custom-select.open .custom-select-trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.custom-select-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.custom-select-arrow{flex-shrink:0;margin-left:8px;opacity:.4;transition:transform .25s,opacity .25s}.custom-select.open .custom-select-arrow{transform:rotate(180deg);opacity:.7}.custom-select-panel{position:fixed;z-index:99999;background:#0e0e1ef7;backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border-hover);border-radius:var(--r-sm);padding:4px;max-height:220px;overflow-y:auto;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d;display:none}.custom-select-option{display:block;width:100%;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font);font-size:.8125rem;font-weight:500;padding:8px 10px;border-radius:calc(var(--r-sm) - 2px);cursor:pointer;text-align:left;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-option:hover{background:#ffffff0f;color:var(--text-primary)}.custom-select-option.active{background:var(--accent-soft);color:var(--accent-bright)}.custom-select-group{padding:6px 10px 3px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.7;pointer-events:none}.custom-select-group:not(:first-child){margin-top:4px;border-top:1px solid var(--glass-border);padding-top:8px}.glass-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff14;border-radius:2px;outline:none;cursor:pointer}.glass-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--text-primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0006;transition:transform .15s var(--ease-spring)}.glass-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.glass-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.glass-color-input{-webkit-appearance:none;appearance:none;width:32px;height:32px;border:2px solid var(--glass-border);border-radius:var(--r-sm);cursor:pointer;background:none;padding:0}.glass-color-input::-webkit-color-swatch-wrapper{padding:2px}.glass-color-input::-webkit-color-swatch{border:none;border-radius:4px}.color-input-row{display:flex;align-items:center;gap:8px}.btn-reset-color{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s,border-color .2s;flex-shrink:0}.btn-reset-color:hover{background:#ffffff14;color:var(--text-primary);border-color:var(--glass-border-hover)}.glass-input{width:100%;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font);font-size:.9375rem;padding:12px 16px;outline:none;resize:vertical;transition:border-color .25s,box-shadow .25s}.glass-input::placeholder{color:var(--text-dim)}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);font-family:var(--font);font-size:.8125rem;font-weight:600;padding:10px 22px;cursor:pointer;transition:background .2s,transform .1s,box-shadow .3s;white-space:nowrap;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){background:var(--accent-bright);box-shadow:0 4px 24px var(--accent-glow)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-glass{display:inline-flex;align-items:center;gap:7px;background:#ffffff0a;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--r-sm);font-family:var(--font);font-size:.8125rem;font-weight:500;padding:8px 16px;cursor:pointer;transition:all .2s var(--ease-out)}.btn-glass:hover:not(:disabled){background:#ffffff12;border-color:var(--glass-border-hover);color:var(--text-primary)}.btn-glass:disabled{opacity:.3;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-dim);border:none;border-radius:var(--r-sm);font-family:var(--font);font-size:.8125rem;font-weight:500;padding:8px 14px;cursor:pointer;transition:color .2s,background .2s}.btn-ghost:hover{color:var(--text-secondary);background:#ffffff08}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{background:#ffffff12;color:var(--text-primary);border-color:var(--glass-border-hover)}.btn-icon svg{width:16px;height:16px}.btn-success{background:var(--success)}.btn-success:hover:not(:disabled){background:#4ade80;box-shadow:0 4px 24px var(--success-soft)}.btn-loading{pointer-events:none}.btn-loading .btn-label{opacity:0}.btn-loading .btn-spinner{display:block}.btn-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-bright)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.progress-track{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));border-radius:2px;transition:width .8s ease}.progress-fill.indeterminate{width:100%!important;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-bright) 30%,rgba(255,255,255,.15) 50%,var(--accent-bright) 70%,var(--accent) 100%);background-size:200% 100%;animation:progressShimmer 1.8s ease-in-out infinite}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.settings-panel{padding:22px;margin-bottom:24px}.settings-grid{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.setting-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}.setting-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.setting-hint{font-size:.6875rem;color:var(--text-dim);transition:color .2s}.setting-hint.is-warning{color:var(--warning)}.setting-action{display:flex;align-items:center;gap:10px;flex:0 0 auto}.device-badge{opacity:0;transition:opacity .35s}.device-badge.visible{opacity:1}.progress-container{margin-top:18px;display:grid;gap:6px;transition:opacity .3s,max-height .4s var(--ease-out)}.progress-container.hidden{opacity:0;max-height:0;overflow:hidden;margin-top:0}.progress-meta{display:flex;justify-content:space-between;align-items:center}.progress-filename{font-size:.75rem;color:var(--text-secondary)}.progress-pct{font-size:.75rem;font-weight:600;color:var(--accent-bright);font-variant-numeric:tabular-nums}.upload-zone{margin-bottom:24px}.drop-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 24px;border:1.5px dashed rgba(255,255,255,.08);border-radius:var(--r-xl);background:#ffffff03;cursor:pointer;transition:border-color .3s,background .3s,box-shadow .3s}.drop-area:hover{border-color:#ffffff24;background:#ffffff05}.drop-area.drag-over{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 60px #5899ff1a}.drop-icon{color:var(--text-dim);margin-bottom:14px;transition:color .3s,transform .35s var(--ease-spring)}.drop-area:hover .drop-icon{color:var(--text-secondary);transform:translateY(-3px)}.drop-area.drag-over .drop-icon{color:var(--accent);transform:translateY(-6px) scale(1.05)}.drop-text{font-size:1rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.drop-subtext{font-size:.8125rem;color:var(--text-dim)}.browse-link{background:none;border:none;color:var(--accent);font-family:var(--font);font-size:inherit;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#5899ff66;transition:text-decoration-color .2s}.browse-link:hover{text-decoration-color:var(--accent)}.file-input-hidden{display:none}.batch-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;margin-bottom:24px;animation:fadeSlideUp .3s var(--ease-out)}.batch-controls.hidden{display:none}.batch-status{font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.batch-actions{display:flex;gap:8px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.image-card{position:relative;border-radius:var(--r-lg);background:#ffffff05;border:1px solid var(--glass-border);animation:cardEntrance .45s var(--ease-out) both;transition:border-color .25s}.image-card:hover{border-color:var(--glass-border-hover)}.comparison-container{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-void);cursor:col-resize;border-radius:var(--r-lg) var(--r-lg) 0 0}.comparison-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}.depth-overlay{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.slider-handle{position:absolute;top:0;left:50%;width:2px;height:100%;transform:translate(-50%);z-index:10;pointer-events:none}.slider-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:#ffffffbf;box-shadow:0 0 12px #00000080}.slider-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#ffffffeb;border-radius:50%;box-shadow:0 2px 12px #0006,0 0 20px #5899ff26;pointer-events:auto;cursor:col-resize;display:flex;align-items:center;justify-content:center}.slider-knob:before,.slider-knob:after{content:"";position:absolute;width:5px;height:5px;border-top:1.5px solid #333;border-left:1.5px solid #333}.slider-knob:before{left:7px;transform:rotate(-45deg)}.slider-knob:after{right:7px;transform:rotate(135deg)}.slider-tag{position:absolute;bottom:8px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:2px 7px;border-radius:4px;background:#0000008c;color:#fffc;pointer-events:none;backdrop-filter:blur(8px)}.slider-tag--depth{left:8px}.slider-tag--original{right:8px}.card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#030308a6;backdrop-filter:blur(6px);z-index:20;gap:10px}.card-overlay--queued{background:#03030873}.card-spinner{width:28px;height:28px;border:2.5px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite}.card-overlay-text{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.card-controls{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--glass-border)}.card-filename{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.card-actions{display:flex;gap:5px}.card-btn{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);font-family:var(--font);font-size:.6875rem;font-weight:500;padding:4px 10px;cursor:pointer;transition:all .15s}.card-btn:hover{background:#ffffff12;color:var(--text-primary);border-color:var(--glass-border-hover)}.card-btn:disabled{opacity:.3;cursor:not-allowed}.card-btn--danger:hover{color:var(--error);border-color:#f8717133;background:var(--error-soft)}.colormap-preview{height:6px;border-radius:3px;margin-top:2px;background:linear-gradient(90deg,#000,#fff)}.editor-toolbar.glass-panel,.batch-controls.glass-panel{overflow:visible}.editor-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;min-height:500px}.editor-canvas-area{position:relative;display:flex;align-items:center;justify-content:center;padding:20px;min-height:400px}.editor-canvas-wrapper{position:relative;max-width:100%;max-height:60vh;overflow:hidden;border-radius:var(--r-md)}.editor-viewport{position:relative;display:inline-block;transform-origin:center center;transition:transform .08s ease-out}.editor-viewport canvas{max-width:100%;max-height:60vh;display:block;border-radius:var(--r-md);box-shadow:0 8px 40px #00000080}.editor-canvas-bg{position:absolute;top:0;left:0;display:none;z-index:0}.editor-viewport #editor-canvas{position:relative;z-index:1}.editor-compare-handle{position:absolute;top:0;left:50%;width:2px;height:100%;transform:translate(-50%);z-index:10;pointer-events:none}.editor-compare-handle .slider-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:#ffffffbf;box-shadow:0 0 12px #00000080}.editor-compare-handle .slider-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#ffffffeb;border-radius:50%;box-shadow:0 2px 12px #0006,0 0 20px #5899ff26;pointer-events:auto;cursor:col-resize;display:flex;align-items:center;justify-content:center}.editor-compare-handle .slider-knob:before,.editor-compare-handle .slider-knob:after{content:"";position:absolute;width:5px;height:5px;border-top:1.5px solid #333;border-left:1.5px solid #333}.editor-compare-handle .slider-knob:before{left:7px;transform:rotate(-45deg)}.editor-compare-handle .slider-knob:after{right:7px;transform:rotate(135deg)}.slider-tag--left{left:8px}.slider-tag--right{right:8px}.editor-processing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0303084d;backdrop-filter:blur(2px);border-radius:var(--r-md);z-index:30}.editor-zoom-badge{position:absolute;top:10px;right:10px;padding:3px 10px;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;color:#fffc;background:#0000008c;backdrop-filter:blur(8px);border-radius:6px;z-index:20;pointer-events:none}.editor-crop-overlay{position:absolute;inset:0;z-index:25;cursor:ns-resize}.editor-crop-box{position:absolute;box-shadow:0 0 0 9999px #0009;border:2px dashed rgba(255,255,255,.6);border-radius:2px;pointer-events:none}.editor-crop-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;margin-top:16px}.editor-crop-info{font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.editor-crop-actions{display:flex;gap:8px}.social-ratio-btns{display:flex;gap:6px;flex-wrap:wrap}.btn-ratio{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--text-secondary);font-family:var(--font);font-size:.75rem;font-weight:600;padding:6px 12px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.btn-ratio:hover{background:#ffffff14;color:var(--text-primary)}.btn-ratio.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-bright)}#editor-canvas-social{max-width:100%;max-height:60vh;display:none}.editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-dim);font-size:.9375rem}.editor-empty svg{width:48px;height:48px;opacity:.3}.editor-sidebar{padding:18px;max-height:calc(100vh - 200px);overflow-y:auto}.editor-section{margin-bottom:22px}.editor-section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:14px;display:flex;align-items:center;gap:6px}.editor-control{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.editor-control-header{display:flex;justify-content:space-between;align-items:center}.editor-control-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.editor-control-value{font-size:.6875rem;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.editor-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer;border:none;background:none;width:100%;font-family:var(--font)}.editor-toggle-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.toggle-switch{width:36px;height:20px;background:#ffffff14;border-radius:10px;position:relative;transition:background .25s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#ffffff80;border-radius:50%;transition:transform .25s var(--ease-out),background .25s}.editor-toggle.active .toggle-switch{background:var(--accent-soft)}.editor-toggle.active .toggle-switch:after{transform:translate(16px);background:var(--accent)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:14px 22px;justify-content:space-between;align-items:center}.editor-toolbar-left,.editor-toolbar-right{display:flex;gap:8px;flex-wrap:wrap}.btn-glass.active{background:var(--accent-soft);border-color:#5899ff33;color:var(--accent-bright)}.transform-row{display:flex;gap:6px;flex-wrap:wrap}.fog-section{padding:14px;background:#5899ff0a;border:1px solid rgba(88,153,255,.08);border-radius:var(--r-md)}.fog-section .editor-section-title{color:var(--accent-bright)}.fog-unavailable{font-size:.75rem;color:var(--text-dim);font-style:italic;text-align:center;padding:10px}.godrays-section{padding:14px;background:#ffb4320a;border:1px solid rgba(255,180,50,.08);border-radius:var(--r-md)}.godrays-section .editor-section-title{color:#ffb840}.godrays-unavailable{font-size:.75rem;color:var(--text-dim);font-style:italic;text-align:center;padding:10px}.prompt-area{padding:22px;margin-bottom:24px}.prompt-textarea{min-height:80px;margin-bottom:16px}.gen-settings{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin-bottom:18px}.gen-setting{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.gen-setting .setting-label{display:flex;justify-content:space-between}.gen-actions{display:flex;gap:10px;align-items:center}.gen-progress{font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.gen-mode-toggle{display:flex;position:relative;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--r-pill);padding:3px;margin-bottom:18px;width:fit-content}.gen-mode-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:color .25s;white-space:nowrap}.gen-mode-btn:hover,.gen-mode-btn.active{color:var(--text-primary)}.gen-mode-btn svg{opacity:.6;transition:opacity .25s}.gen-mode-btn.active svg{opacity:1}.gen-mode-indicator{position:absolute;top:3px;left:3px;height:calc(100% - 6px);border-radius:var(--r-pill);background:#ffffff12;border:1px solid rgba(255,255,255,.08);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.gen-source-area{margin-bottom:16px;transition:opacity .25s,max-height .35s}.gen-source-area.hidden{display:none}.gen-source-drop{border:1.5px dashed var(--border);border-radius:var(--r-lg);padding:16px;text-align:center;transition:border-color .2s,background .2s;min-height:80px;display:flex;align-items:center;justify-content:center}.gen-source-drop.drag-over{border-color:var(--accent);background:#5899ff0a}.gen-source-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);font-size:.82rem}.gen-source-empty.hidden{display:none}.gen-source-browse{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.gen-source-preview{position:relative;display:inline-block}.gen-source-preview.hidden{display:none}.gen-source-preview img{max-height:160px;max-width:100%;border-radius:var(--r-md);object-fit:contain}.gen-source-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.gen-source-remove:hover{background:var(--error);color:#fff;border-color:transparent}.style-preset-grid{display:flex;flex-wrap:wrap;gap:6px}.style-preset-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:#ffffff08;color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.style-preset-btn:hover{background:#ffffff0f;color:var(--text-primary)}.style-preset-btn.active{background:#5899ff1a;border-color:var(--accent);color:var(--text-primary)}.style-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sty-ai-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:var(--r-pill);background:#8b5cf626;color:#a78bfa;vertical-align:middle;margin-left:6px}.sty-ai-controls{margin-top:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sty-ai-controls.hidden{display:none}.sty-load-ai-btn{font-size:.8rem;padding:6px 18px}.sty-load-ai-btn.hidden{display:none}.sty-load-ai-btn:disabled{opacity:.5;cursor:not-allowed}.sty-ai-progress{display:flex;align-items:center;gap:10px;flex:1;min-width:160px}.sty-ai-progress.hidden{display:none}.sty-ai-progress-bar{height:6px;border-radius:3px;background:var(--accent);width:0%;transition:width .3s ease;flex:1;position:relative}.sty-ai-progress-bar:before{content:"";position:absolute;inset:0;border-radius:3px;background:#ffffff0f;width:100%;z-index:-1}.sty-ai-progress-text{font-size:.72rem;color:var(--text-secondary);white-space:nowrap}.inpaint-workspace{display:flex;flex-direction:column;gap:12px}.inpaint-workspace.hidden{display:none}.inpaint-toolbar{display:flex;align-items:center;gap:16px;padding:10px 16px;flex-wrap:wrap}.inp-toolbar-group{display:flex;align-items:center;gap:8px}.inp-toolbar-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.inp-toolbar-val{font-size:.78rem;color:var(--text-secondary);min-width:24px;font-variant-numeric:tabular-nums}.inp-tool-btn{width:34px;height:34px;border-radius:var(--r-md);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.inp-tool-btn:hover{background:#ffffff0d;color:var(--text-primary)}.inp-tool-btn.active{background:#5899ff1f;border-color:var(--accent);color:var(--accent)}.inpaint-canvas-wrap{position:relative;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:var(--r-lg);overflow:hidden;min-height:300px;cursor:none}.inpaint-canvas-wrap canvas{max-width:100%;max-height:70vh;display:block}.inp-cursor{position:absolute;border:2px solid rgba(244,63,94,.7);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);display:none;z-index:10;transition:width .1s,height .1s}.inp-mode-btn{padding:4px 12px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.inp-mode-btn:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.inp-mode-btn:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.inp-mode-btn:not(:first-child):not(:last-child){border-radius:0}.inp-mode-btn:hover{color:var(--text-primary);background:#ffffff08}.inp-mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.inp-ai-controls,.inp-sd-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inp-ai-controls .progress-container,.inp-sd-controls .progress-container{margin-top:0;min-width:160px}.inp-ai-controls .progress-track,.inp-sd-controls .progress-track{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.inp-ai-controls .progress-text,.inp-sd-controls .progress-text{font-size:.6875rem;color:var(--text-secondary);white-space:nowrap}.inp-ai-status{font-size:.6875rem;font-weight:500;color:var(--success);white-space:nowrap}.inp-sd-prompt-wrap input{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--r-sm);transition:border-color .2s}.inp-sd-prompt-wrap input:focus{outline:none;border-color:var(--accent)}.experimental-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--warning-soft);border:1px solid rgba(251,191,36,.15);border-radius:var(--r-md);margin-bottom:20px;font-size:.8125rem;color:var(--warning)}.experimental-banner svg{width:16px;height:16px;flex-shrink:0}.download-format-picker{position:relative;display:inline-flex}.download-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:2px;padding:6px;background:#0c0c1ae6;backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--r-md);box-shadow:0 8px 32px #0006;min-width:160px;z-index:100}.download-option{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font);font-size:.8125rem;font-weight:500;padding:7px 12px;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.download-option:hover{background:#ffffff0f;color:var(--text-primary)}.download-option.active{background:var(--accent-soft);color:var(--accent-bright)}.download-quality-row{display:flex;align-items:center;gap:8px;padding:6px 12px 4px;border-top:1px solid var(--glass-border);margin-top:4px}.download-quality-label{font-size:.6875rem;color:var(--text-dim);white-space:nowrap}.download-quality-slider{flex:1;min-width:60px}.download-quality-val{font-size:.6875rem;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:24px;text-align:right}.profile-nav-slot{position:relative;width:44px;height:44px;flex-shrink:0}.profile-wrap{position:absolute;top:0;left:0;width:44px;height:44px}.profile-morph{position:absolute;top:0;left:0;width:44px;height:44px;border-radius:22px;background:#0c0c1aa6;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:none;overflow:hidden;box-shadow:inset 0 0 0 1.5px #22d3ee80,0 2px 16px #22d3ee26,inset 0 1px #ffffff0f;transform-origin:top left}.profile-morph-icon{position:absolute;top:0;left:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:#22d3eed9;flex-shrink:0;transition:opacity .2s}.profile-morph-icon:hover{opacity:.85}.profile-morph-icon img{width:34px;height:34px;object-fit:cover;border-radius:50%;display:block;border:1.5px solid rgba(34,211,238,.3);will-change:width,height,left,top}.profile-morph.open .profile-morph-icon img{border-width:2px;box-shadow:0 4px 24px #0006}.profile-morph-icon svg{opacity:.8}.profile-morph-body{opacity:0;pointer-events:none;padding-top:48px;padding-left:4px;padding-right:4px}.profile-morph.open .profile-morph-body{pointer-events:auto}.profile-morph.open{overflow:visible}.profile-morph.open .profile-morph-icon{cursor:pointer}.profile-card-top{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 20px 8px;gap:6px}.profile-card-avatar-spacer{width:200px;height:200px;border-radius:50%;flex-shrink:0}.profile-card-avatar-placeholder{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:2px solid rgba(34,211,238,.3);color:#22d3ee99}.profile-card-avatar-placeholder svg{width:48px;height:48px}.profile-card-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;max-width:100%}.profile-card-email{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profile-card-badges{display:flex;justify-content:center;gap:8px;padding:2px 20px 10px;flex-wrap:wrap}.profile-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:var(--r-pill)}.profile-badge-plan{background:var(--accent-soft);color:var(--accent-bright)}.profile-badge-role{background:#a78bfa1f;color:#c4b5fd}.profile-card-actions{display:flex;flex-direction:column;gap:4px;padding:6px 12px}.profile-card-action{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-secondary);font-family:var(--font);font-size:.8rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,border-color .2s;text-align:left}.profile-card-action:hover{background:#ffffff0d;border-color:var(--glass-border);color:var(--text-primary)}.profile-card-signout:hover{background:#f8717114;border-color:#f871712e;color:#f87171}.profile-card-signin{background:var(--accent-soft);border-color:#5899ff33;color:var(--accent-bright)}.profile-card-signin:hover{background:#5899ff2e;border-color:#5899ff59;color:var(--accent-bright)}.profile-card-upgrade{padding:0 12px 4px}.profile-card-upgrade-btn{width:100%;background:linear-gradient(135deg,#ffaa3226,#ff783226);border-color:#ffaa324d;color:#ffaa32}.profile-card-upgrade-btn:hover{background:linear-gradient(135deg,#ffaa3240,#ff783240);border-color:#ffaa3280;color:#fb5}.pricing-page{display:flex;flex-direction:column;align-items:center;padding:60px 24px 80px;min-height:60vh}.pricing-page-header{text-align:center;margin-bottom:40px}.pricing-page-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 12px}.pricing-page-sub{font-size:1rem;color:#ffffff80;margin:0}.pricing-page-table{width:100%;max-width:900px;min-height:300px}.profile-card-guest{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 20px 16px;text-align:center}.profile-card-guest-icon{width:48px;height:48px;border-radius:50%;background:#ffffff0f;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:4px}.profile-card-guest-icon svg{width:22px;height:22px;opacity:.7}.profile-card-guest-title{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3}.profile-card-guest-sub{font-size:.75rem;color:var(--text-muted);line-height:1.5;max-width:200px}.mobile-nav{display:none}.mobile-nav-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:var(--r-pill);transition:color .25s,background .25s;-webkit-user-select:none;user-select:none;white-space:nowrap}.mobile-nav-btn svg{width:18px;height:18px;opacity:.7;transition:opacity .25s}.mobile-nav-btn:hover,.mobile-nav-btn.active,.mobile-nav-btn.menu-open{color:var(--text-primary)}.mobile-nav-btn:hover svg,.mobile-nav-btn.active svg,.mobile-nav-btn.menu-open svg{opacity:1}.mobile-nav-home{padding:10px 18px}.mobile-tools-menu{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px;border-radius:var(--r-xl);z-index:10;animation:mobileMenuEnter .25s var(--ease-out) both}.mobile-tool-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 10px;background:transparent;border:none;border-radius:var(--r-md);color:var(--text-secondary);font-family:var(--font);font-size:.6875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;-webkit-user-select:none;user-select:none}.mobile-tool-btn svg{width:22px;height:22px;opacity:.7;transition:opacity .2s}.mobile-tool-btn:hover:not(.locked),.mobile-tool-btn.active{background:var(--glass-bg-active);color:var(--text-primary)}.mobile-tool-btn:hover:not(.locked) svg,.mobile-tool-btn.active svg{opacity:1}.mobile-tool-btn.locked{opacity:.35;cursor:not-allowed}@keyframes mobileMenuEnter{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mobileMenuExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.96)}}@media(max-width:768px){.profile-morph{transform-origin:bottom right}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes navEntrance{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes navEntranceBottom{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbDrift1{0%{transform:translate(0) scale(1)}33%{transform:translate(50px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.98)}to{transform:translate(30px,-40px) scale(1.06)}}@keyframes orbDrift2{0%{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(1.08)}66%{transform:translate(20px,-15px) scale(.96)}to{transform:translate(-25px,20px) scale(1.1)}}@keyframes orbDrift3{0%{transform:translate(0) scale(1)}33%{transform:translate(25px,35px) scale(.95)}66%{transform:translate(-30px,-10px) scale(1.04)}to{transform:translate(15px,25px) scale(.97)}}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupFadeOut{0%{opacity:1}to{opacity:0}}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes breathe{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 6px transparent}}@keyframes shimmerSlide{0%{background-position:200% center}to{background-position:-200% center}}.plan-popup-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#030308b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:popupFadeIn .3s ease both}.plan-popup-overlay.plan-popup-exit{animation:popupFadeOut .3s ease forwards}.plan-popup{max-width:380px;width:calc(100% - 40px);padding:36px 32px;background:#0c0c1aeb;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:0 20px 80px #0009,inset 0 1px #ffffff0f;text-align:center;animation:popupSlideUp .4s var(--ease-out) both}.plan-popup-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 20px;border-radius:16px;background:var(--warning-soft);color:var(--warning)}.plan-popup-title{font-family:var(--font);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.plan-popup-text{font-family:var(--font);font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.plan-popup-close{min-width:120px}.stagger-in>*:nth-child(1){animation-delay:.05s}.stagger-in>*:nth-child(2){animation-delay:.1s}.stagger-in>*:nth-child(3){animation-delay:.15s}.stagger-in>*:nth-child(4){animation-delay:.2s}.stagger-in>*:nth-child(5){animation-delay:.25s}.stagger-in>*:nth-child(6){animation-delay:.3s}.stagger-in>*:nth-child(7){animation-delay:.35s}.stagger-in>*:nth-child(8){animation-delay:.4s}@media(max-width:768px){.app-content{padding:0 16px;padding-top:calc(var(--nav-height) + 30px);padding-bottom:80px}.tool-header{padding:32px 0 28px}.settings-grid{flex-direction:column}.setting-group{min-width:0}.gallery,.editor-layout{grid-template-columns:1fr}.editor-sidebar{max-height:none}.editor-toolbar{flex-direction:column;gap:10px}.editor-toolbar-left,.editor-toolbar-right{justify-content:center}.editor-crop-bar{flex-direction:column;gap:10px;text-align:center}.batch-controls{flex-direction:column;gap:10px;align-items:stretch}.batch-actions{justify-content:flex-end}.gen-settings{flex-direction:column}}@media(max-width:768px){#main-nav{display:none!important}.nav-outer{position:fixed!important;inset:auto 0 0!important;transform:none!important;width:100%;max-width:100vw;gap:0;justify-content:center;animation:none}.mobile-nav{display:flex;flex:1;align-items:center;justify-content:space-around;padding:6px 8px;border-radius:0;background:#0c0c1ad9;backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);border:none;border-top:1px solid var(--glass-border);box-shadow:0 -4px 24px #0006}.profile-nav-slot{flex-shrink:0}.app-content{padding-top:16px;padding-bottom:calc(var(--nav-height) + 24px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}::selection{background:var(--accent);color:#fff}.lightbox-overlay{position:fixed;inset:0;z-index:3000;background:#030308e0;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);cursor:zoom-out}.lightbox-img{position:absolute;display:block;object-fit:contain;border-radius:4px;box-shadow:0 16px 80px #0009,0 4px 20px #0006;cursor:default;will-change:transform}.lightbox-close{position:absolute;top:20px;right:20px;z-index:3001;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s var(--ease-spring)}.lightbox-close:hover{background:#ffffff1f;color:var(--text-primary);border-color:#ffffff2e;transform:scale(1.08)}.lightbox-close:active{transform:scale(.95)}.card-btn-expand{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:4px 8px}.card-btn-expand svg{opacity:.7;transition:opacity .2s}.card-btn-expand:hover:not(:disabled) svg{opacity:1}.send-to-wrap{position:relative;display:inline-flex}.card-btn-sendto{display:inline-flex;align-items:center;gap:5px}.card-btn-sendto svg{opacity:.7;transition:opacity .2s}.card-btn-sendto:hover:not(:disabled) svg{opacity:1}.send-to-dropdown{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;padding:6px;background:#0c0c1af0;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border-hover);border-radius:var(--r-md);box-shadow:0 12px 48px #00000080,0 2px 8px #0000004d;min-width:160px;z-index:200;animation:sendToDropIn .2s var(--ease-out) both}@keyframes sendToDropIn{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.send-to-item{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font);font-size:.8125rem;font-weight:500;padding:7px 11px;border-radius:calc(var(--r-md) - 2px);cursor:pointer;text-align:left;transition:background .15s,color .15s;white-space:nowrap}.send-to-item:hover{background:#ffffff0f;color:var(--text-primary)}.send-to-item:active{background:var(--accent-soft);color:var(--accent-bright)}.send-to-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff0a;border-radius:5px;flex-shrink:0}.send-to-icon svg{opacity:.6}.send-to-item:hover .send-to-icon svg{opacity:1}.send-to-name{flex:1;min-width:0}.share-popup{position:absolute;bottom:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:2px;padding:8px;background:#0a0a18f5;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid var(--glass-border-hover);border-radius:var(--r-md);box-shadow:0 16px 56px #0000008c,0 2px 8px #00000059;min-width:200px;z-index:200;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);pointer-events:none}.share-popup-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.share-popup-header{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:4px 8px 6px}.share-popup-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:2px 0 6px}.share-popup-platform{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 6px;border-radius:var(--r-sm);color:var(--text-secondary);text-decoration:none;font-size:.65rem;font-family:var(--font);font-weight:500;transition:background .15s,color .15s,transform .15s var(--ease-spring);cursor:pointer;border:none;background:transparent}.share-popup-platform:hover{background:#ffffff12;color:var(--text-primary);transform:translateY(-1px)}.share-popup-platform svg{flex-shrink:0;opacity:.75;transition:opacity .2s}.share-popup-platform:hover svg{opacity:1}.share-popup-item{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font);font-size:.8125rem;font-weight:500;padding:8px 10px;border-radius:calc(var(--r-md) - 2px);cursor:pointer;text-align:left;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.share-popup-item:hover{background:#ffffff0f;color:var(--text-primary)}.share-popup-item:active{background:var(--accent-soft);color:var(--accent-bright)}.share-popup-item svg{opacity:.6;flex-shrink:0;transition:opacity .2s}.share-popup-item:hover svg{opacity:1}.share-popup-divider{height:1px;background:var(--glass-border);margin:3px 4px}.card-btn-share{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px}.card-btn-share svg{opacity:.7;transition:opacity .2s}.card-btn-share:hover:not(:disabled) svg{opacity:1}@media(max-width:640px){.lightbox-close{top:12px;right:12px;width:36px;height:36px}.send-to-dropdown{min-width:140px}.share-popup{min-width:160px;right:-8px}}.home-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#06061099;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--glass-border);transition:background .4s var(--ease-smooth)}.home-nav.scrolled{background:#060610d9}.home-logo{font-size:1.35rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.home-logo span{color:var(--accent)}.home-links{display:flex;gap:8px}.home-links a{padding:8px 16px;border-radius:var(--r-pill);color:var(--text-secondary);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .2s,background .2s}.home-links a:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.home-cta-btn{padding:8px 20px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-weight:600;font-size:.88rem;border:none;cursor:pointer;text-decoration:none;transition:transform .2s var(--ease-spring),box-shadow .2s}.home-cta-btn:hover{transform:scale(1.04);box-shadow:0 4px 24px var(--accent-glow)}[data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal=scale]{transform:scale(.94)}[data-reveal=scale].revealed{transform:scale(1)}[data-reveal=left]{transform:translate(-40px)}[data-reveal=left].revealed{transform:translate(0)}[data-reveal=right]{transform:translate(40px)}[data-reveal=right].revealed{transform:translate(0)}.home-section{padding:100px 32px;max-width:1200px;margin:0 auto}.home-section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:12px}.home-section-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text-primary);margin:0 0 16px}.home-section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:580px;line-height:1.6;margin:0}.home-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 32px 80px;position:relative}.home-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-bottom:28px;backdrop-filter:blur(12px)}.home-hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.home-hero-title{font-size:clamp(2.8rem,7vw,5.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--text-primary);margin:0 0 24px;max-width:900px}.home-hero-title .gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 50%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero-desc{font-size:1.2rem;color:var(--text-secondary);max-width:600px;line-height:1.6;margin:0 0 40px}.home-hero-actions{display:flex;gap:12px;align-items:center}.home-hero-actions .btn-secondary{padding:12px 24px;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-weight:500;font-size:.95rem;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s}.home-hero-actions .btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.home-hero-actions .btn-primary-lg{padding:12px 28px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;border:none;cursor:pointer;text-decoration:none;transition:transform .2s var(--ease-spring),box-shadow .2s}.home-hero-actions .btn-primary-lg:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.home-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;padding:0 32px;max-width:1200px;margin:0 auto}.home-feature-card{position:relative;padding:36px 28px;border-radius:var(--r-lg);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur) var(--glass-saturate);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s;overflow:hidden;text-decoration:none;display:block;cursor:pointer}.home-feature-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.home-feature-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hover);box-shadow:0 12px 48px #0000004d}.home-feature-icon{width:48px;height:48px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#5899ff1a}.home-feature-icon svg{width:24px;height:24px}.home-feature-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.home-feature-card .feature-subtitle{font-size:.8rem;color:var(--accent);font-weight:500;margin:0 0 12px}.home-feature-card p{font-size:.92rem;color:var(--text-secondary);line-height:1.55;margin:0}.home-feature-arrow{position:absolute;top:28px;right:24px;color:var(--text-dim);transition:color .2s,transform .2s}.home-feature-card:hover .home-feature-arrow{color:var(--accent);transform:translate(4px)}.home-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:48px}.home-pricing-card{padding:32px 28px;border-radius:var(--r-lg);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur) var(--glass-saturate);position:relative}.home-pricing-card.highlighted{border-color:var(--accent);background:#5899ff0a}.home-pricing-card.highlighted:before{content:"Popular";position:absolute;top:-10px;right:20px;padding:3px 12px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pricing-tier{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.pricing-price{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.pricing-price .period{font-size:1rem;font-weight:400;color:var(--text-dim)}.pricing-desc{color:var(--text-secondary);font-size:.88rem;margin:0 0 24px}.pricing-features{list-style:none;padding:0;margin:0 0 28px}.pricing-features li{padding:6px 0;color:var(--text-secondary);font-size:.88rem;display:flex;align-items:center;gap:10px}.pricing-features li:before{content:"";width:16px;height:16px;border-radius:50%;background:#34d39926;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}.pricing-cta{display:block;width:100%;padding:12px;border-radius:var(--r-md);background:var(--glass-bg-hover);border:1px solid var(--glass-border);color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s,border-color .2s}.pricing-cta:hover{background:var(--glass-bg-active);border-color:var(--glass-border-hover)}.pricing-card.highlighted .pricing-cta{background:var(--accent);border-color:var(--accent);color:#fff}.home-footer{padding:48px 32px;border-top:1px solid var(--glass-border);text-align:center;color:var(--text-dim);font-size:.82rem}.home-footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.home-footer a:hover{color:var(--text-primary)}.home-privacy-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-radius:var(--r-lg);background:#34d3990f;border:1px solid rgba(52,211,153,.15);color:var(--text-secondary);font-size:.9rem;max-width:600px;margin:0 auto}.home-privacy-banner svg{flex-shrink:0;width:20px;height:20px;color:var(--success)}@media(max-width:768px){.home-nav{padding:12px 20px}.home-links{display:none}.home-hero{padding:100px 20px 60px}.home-hero-title{font-size:clamp(2.2rem,8vw,3.5rem)}.home-section{padding:60px 20px}.home-features-grid{padding:0 20px;grid-template-columns:1fr}.home-pricing-grid{grid-template-columns:1fr}}@media(max-width:768px){.home-hero{padding:16px 20px 80px;min-height:auto;justify-content:flex-start}}