:root{--pink: #e01278;--pink-dark: #9f2089;--brand-blue: #4f8ef7;--brand-purple: #7c5ce8;--brand-teal: #0ac7a8;--brand-orange: #f7a84f;--brand-grad: linear-gradient(135deg, #4f8ef7 0%, #7c5ce8 100%);--brand-grad-soft: linear-gradient(135deg, rgba(79, 142, 247, .1) 0%, rgba(124, 92, 232, .1) 100%);--bg: #fafafa;--ink: #0d0d0d;--muted: #767179;--text-secondary: #4a5568;--border: #e9e4ea;--surface-3: #f3f4f6;--success: #1b8a4a;--success-bg: #eaf7ee;--amber: #9a6b00;--amber-bg: #fff6e0;--radius: 14px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .06);--shadow-card-hover: 0 24px 48px rgba(79, 142, 247, .16), 0 8px 20px rgba(0, 0, 0, .08);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--brand-grad)}.brand-icon{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.badge.success{background:var(--success-bg);color:var(--success)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.home-hero{position:relative;overflow:hidden;padding:64px 24px 8px;text-align:center;isolation:isolate}.home-hero:before,.home-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.55}.home-hero:before{width:340px;height:340px;background:var(--brand-blue);top:-160px;left:-100px}.home-hero:after{width:300px;height:300px;background:var(--brand-purple);top:-100px;right:-80px}.home-hero .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-purple);background:var(--brand-grad-soft);padding:6px 14px;border-radius:999px;margin-bottom:14px}.home-hero h1{font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.home-hero p{color:var(--text-secondary);font-size:16px;margin:0;max-width:520px;margin-inline:auto}.stat-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 0}.stat-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--border);padding:7px 14px;border-radius:999px;box-shadow:var(--shadow-sm)}.cta-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;max-width:1080px;margin:32px auto 0;padding:26px 28px;border-radius:var(--r-2xl);background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-lg);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.cta-banner:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.cta-banner-icon{width:56px;height:56px;border-radius:var(--r-lg);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.cta-banner-title{font-weight:800;font-size:19px}.cta-banner-sub{font-size:13px;opacity:.92;margin-top:3px}.cta-banner-arrow{font-weight:700;font-size:14px;white-space:nowrap}.section-label{text-align:center;color:var(--muted);font-size:13px;font-weight:600;margin:36px 0 -8px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1080px;margin:32px auto;padding:0 24px}@media (max-width: 860px){.module-grid{grid-template-columns:1fr}}.module-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:26px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease}.module-card.active:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover);border-color:transparent}.module-card.disabled{opacity:.55;cursor:not-allowed}.module-icon{width:50px;height:50px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--brand-grad);color:#fff}.module-card[data-accent=blue] .module-icon{background:linear-gradient(135deg,#4f8ef7,#2f6fe0)}.module-card[data-accent=teal] .module-icon{background:linear-gradient(135deg,#0ac7a8,#089680)}.module-card[data-accent=orange] .module-icon{background:linear-gradient(135deg,#f7a84f,#e2841f)}.module-card h3{margin:0;font-size:17px}.module-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.pill{align-self:flex-start;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--success-bg);color:var(--success)}.pill.soon{background:#f1eef2;color:var(--muted)}.editor{display:grid;grid-template-columns:340px 1fr;gap:0;min-height:calc(100vh - 65px)}@media (max-width: 860px){.editor{grid-template-columns:1fr}}.panel-left{background:#fff;border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:16px}.panel-right{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;position:relative}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:32px 16px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone.dragover{border-color:var(--brand-blue);background:var(--brand-grad-soft);color:var(--brand-purple)}.dropzone input{display:none}.hint{font-size:13px;color:var(--muted);line-height:1.5}.preview-stage{width:100%;max-width:560px;aspect-ratio:1 / 1;background:repeating-conic-gradient(#f0f0f0,#f0f0f0 25%,#fff 0%,#fff 50%) 50% / 20px 20px;border-radius:var(--radius);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.preview-stage img,.preview-stage canvas{max-width:100%;max-height:100%}.status-line{margin-top:14px;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--brand-blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compare{position:relative;width:100%;max-width:560px;aspect-ratio:1 / 1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.compare img,.compare canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:repeating-conic-gradient(#f0f0f0,#f0f0f0 25%,#fff 0%,#fff 50%) 50% / 20px 20px}.compare canvas{cursor:crosshair;touch-action:none}.eraser-toolbar{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:13px;color:var(--muted);flex-wrap:wrap;justify-content:center}.eraser-toolbar input[type=range]{accent-color:var(--brand-blue)}.btn-ghost{background:#fff;border:1px solid var(--border);color:var(--ink);padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-ghost:hover{border-color:var(--brand-blue);color:var(--brand-purple)}.btn-zip{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-purple) 55%,var(--brand-teal));color:#fff;border:none;padding:18px 36px;border-radius:var(--r-2xl);font-weight:800;font-size:17px;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .15s ease}.btn-zip:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.btn-zip:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-zip-icon{font-size:26px;line-height:1}.compare input[type=range]{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:80%;accent-color:var(--brand-blue)}.compare-label{position:absolute;top:10px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:#0000008c;color:#fff}.compare-label.before{left:10px}.compare-label.after{right:10px}.download-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:16px 24px;background:#fff;border-top:1px solid var(--border)}.file-meta{font-size:13px;color:var(--muted)}.btn-primary{background:var(--brand-grad);color:#fff;border:none;padding:12px 22px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:var(--shadow-sm);transition:filter .15s ease,opacity .15s ease,transform .15s ease}.btn-primary:hover:not(:disabled){filter:brightness(.94);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.back-link{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.back-link:hover{color:var(--brand-blue)}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.template-chip{border:1px solid var(--border);border-radius:10px;padding:10px 8px;text-align:center;cursor:pointer;background:#fff;font-size:12px;color:var(--muted);transition:border-color .15s ease,background .15s ease,color .15s ease}.template-chip .emoji{font-size:20px;display:block;margin-bottom:4px}.template-chip.selected{border-color:var(--brand-blue);background:var(--brand-grad-soft);color:var(--brand-purple);font-weight:600}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--ink)}.field-input{padding:9px 11px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit}.field-input:focus{outline:none;border-color:var(--brand-blue)}.divider{border:none;border-top:1px solid var(--border);margin:4px 0}.mini-row{display:flex;align-items:center;gap:6px}.mini-row .field-input{flex:1;min-width:0}.mini-remove{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:none;background:#f1eef2;color:var(--muted);font-size:14px;line-height:1;cursor:pointer}.mini-remove:hover{background:var(--brand-blue);color:#fff}.row-editor-card{border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-ghost.active-mode{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.edit-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a1499;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.edit-modal-inner{background:#fff;border-radius:var(--radius);width:100%;max-width:680px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.edit-modal-body{overflow-y:auto;flex:1 1 auto;min-height:0}.edit-modal-canvas-wrap{position:relative;height:min(55vh,480px);background:#1f1a1f}#editPhotoWrap{width:100%;height:100%}.edit-modal-canvas-wrap img{display:block;max-width:100%}.edit-modal-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--border)}.edit-modal-toolbar-group{display:flex;gap:8px;flex-wrap:wrap}.edit-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px}.edit-modal-sliders{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding:14px 18px;border-bottom:1px solid var(--border)}@media (max-width: 560px){.edit-modal-sliders{grid-template-columns:1fr}}.edit-slider-row{display:grid;grid-template-columns:78px 1fr 42px;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.edit-slider-row input[type=range]{accent-color:var(--brand-blue)}.edit-slider-value{font-weight:600;color:var(--ink);text-align:right}.edit-modal-watermark{display:flex;flex-direction:column;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}.edit-modal-watermark input[type=file]{font-size:12px}.edit-modal-actions{flex-wrap:wrap}.watermark-preview{position:absolute;z-index:5;display:none;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.watermark-preview.pos-top-left{top:16px;left:16px;align-items:flex-start}.watermark-preview.pos-top-right{top:16px;right:16px;align-items:flex-end}.watermark-preview.pos-bottom-left{bottom:16px;left:16px;align-items:flex-start}.watermark-preview.pos-bottom-right{bottom:16px;right:16px;align-items:flex-end}.watermark-preview.pos-center{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center}.watermark-preview img{max-width:60px;max-height:60px;object-fit:contain}.watermark-preview span{color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.progress-bar-wrap{display:flex;align-items:center;gap:10px;margin-top:12px}.progress-bar-track{flex:1;height:8px;border-radius:999px;background:var(--surface-3, #f1eef2);overflow:hidden}.progress-bar-fill{height:100%;width:0%;border-radius:999px;background:var(--brand-grad);transition:width .2s ease}.progress-bar-pct{font-size:12px;font-weight:700;color:var(--brand-purple);min-width:36px;text-align:right}.upload-card{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:24px}.photo-strip{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0 0}.photo-strip-item{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.photo-strip-item img{width:100%;height:100%;object-fit:cover;display:block}.photo-strip-item button{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#140a14a6;color:#fff;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-strip-item button:hover{background:var(--brand-blue)}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}@media (max-width: 760px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.results-grid{grid-template-columns:1fr}}.result-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.result-thumb{aspect-ratio:1 / 1;width:100%;background:repeating-conic-gradient(#f0f0f0,#f0f0f0 25%,#fff 0%,#fff 50%) 50% / 20px 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.result-thumb img{width:100%;height:100%;object-fit:contain}.result-meta{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.result-name{font-size:13px;font-weight:600}.result-name .tag{display:block;font-size:11px;font-weight:500;color:var(--success)}.btn-small{background:var(--brand-grad);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;white-space:nowrap;transition:filter .15s ease}.btn-small:hover{filter:brightness(.94)}.app-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#0d0d0d;color:#fff;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:700;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:10000;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.app-toast.show{opacity:1;transform:translate(-50%) translateY(0)}