.no-tools,#no-tools-results,.no-results-msg{display:none !important}.no-tools.show,#no-tools-results.show,.no-results-msg.show{display:block !important}.workspace-section{padding:var(--space-6) 0 var(--space-12)}.workspace-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);min-height:420px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative;overflow:hidden}.card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-2)}.card-desc{font-size:0.85rem;color:var(--text-secondary);line-height:1.6}.workspace-card img.fade-in{max-width:100%;max-height:400px;object-fit:contain;display:block;margin:auto;padding:var(--space-4)}.tool-page-hero{padding:calc(var(--header-height)+var(--space-10)) 0 var(--space-8);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color)}.tool-page-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:var(--primary-light);border:1px solid rgba(99,102,241,0.20);border-radius:var(--radius-full);font-size:0.72rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--space-4)}.tool-page-title{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:var(--space-3)}.tool-page-subtitle{font-size:1rem;color:var(--text-secondary);max-width:560px;line-height:1.7}.section-header.text-center .tool-page-subtitle,.section-header[style*="text-align:center"] .tool-page-subtitle{margin-left:auto;margin-right:auto}.tool-page-meta{display:flex;gap:var(--space-6);flex-wrap:wrap;margin-top:var(--space-4)}.tool-page-meta-item{display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--text-muted);font-weight:600}.tool-page-meta-item svg{width:14px;height:14px;color:var(--primary)}.tool-trust-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;margin-bottom:24px}.section-header.text-center .tool-trust-row,.section-header[style*="text-align:center"] .tool-trust-row{justify-content:center}.tool-trust-pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface-1);border:1px solid var(--border-color);padding:5px 12px;border-radius:var(--radius-full);font-size:0.76rem;font-weight:700;color:var(--text-secondary);box-shadow:0 1px 3px rgba(0,0,0,0.03);transition:all var(--t-fast)}.tool-trust-pill:hover{border-color:var(--primary);color:var(--primary)}.tool-trust-pill svg{width:13px;height:13px;color:var(--primary);flex-shrink:0}.converter-main-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,0.05);max-width:1140px;margin:0 auto;transition:all var(--t-normal)}@media (max-width:768px){.converter-main-card{padding:16px 12px;border-radius:16px}}.step-nav-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:6px 16px;margin-bottom:24px}.step-nav-item{display:inline-flex;align-items:center;gap:6px;font-size:0.84rem;font-weight:700;color:var(--text-muted);padding:6px 14px;border-radius:var(--radius-full);transition:all var(--t-fast);white-space:nowrap}.step-nav-item.active{color:#ffffff;background:var(--primary);box-shadow:0 2px 8px rgba(99,102,241,0.35)}.step-nav-item.completed{color:var(--primary);background:var(--primary-light)}.step-nav-sep{color:var(--text-muted);font-size:0.8rem;opacity:0.6}.mobile-step-indicator{display:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:10px 14px;margin-bottom:16px;text-align:center}.mobile-step-text-label{font-size:0.84rem;font-weight:800;color:var(--primary);display:block}.mobile-step-progress-track{height:5px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-top:6px}.mobile-step-progress-fill{height:100%;background:var(--primary);width:25%;border-radius:3px;transition:width var(--t-normal)}@media (max-width:768px){.step-nav-bar{display:none}.mobile-step-indicator{display:block}}.transparency-grid{background-color:#ffffff;background-image:linear-gradient(45deg,#f1f5f9 25%,transparent 25%),linear-gradient(-45deg,#f1f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f5f9 75%),linear-gradient(-45deg,transparent 75%,#f1f5f9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}[data-theme="dark"] .transparency-grid{background-color:#0f172a;background-image:linear-gradient(45deg,#1e293b 25%,transparent 25%),linear-gradient(-45deg,#1e293b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e293b 75%),linear-gradient(-45deg,transparent 75%,#1e293b 75%)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:0.78rem;color:var(--text-muted);margin-bottom:var(--space-4);flex-wrap:wrap}.breadcrumb a{color:var(--primary);text-decoration:none;font-weight:500}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-muted);opacity:0.7}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.result-summary{display:flex;gap:var(--space-3);flex-wrap:wrap}.result-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 14px;text-align:center}.result-stat-value{font-size:1.1rem;font-weight:800;color:var(--primary);font-family:var(--font-display)}.result-stat-label{font-size:0.68rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;margin-top:2px}.crop-canvas-el{max-height:450px;object-fit:contain;display:block;margin:auto;border-radius:var(--radius-sm)}.crop-overlay{position:absolute;inset:0;pointer-events:none;border:2px solid var(--primary);border-radius:var(--radius-sm)}.action-tabs{display:flex;gap:3px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-5)}.action-tab{flex:1;padding:8px 12px;border-radius:var(--radius-sm);font-weight:700;font-size:0.8rem;cursor:pointer;background:transparent;color:var(--text-muted);transition:all var(--t-fast);display:flex;align-items:center;justify-content:center;gap:5px}.action-tab:hover{color:var(--primary)}.action-tab.active{background:var(--surface-1);color:var(--primary);box-shadow:var(--shadow-xs)}[data-theme="dark"] .action-tab.active{background:var(--bg-tertiary)}.processing-overlay{position:absolute;inset:0;z-index:10;background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);border-radius:inherit}[data-theme="dark"] .processing-overlay{background:rgba(9,9,15,0.85)}.processing-text{font-weight:700;font-size:0.95rem;color:var(--text-primary)}.processing-sub{font-size:0.78rem;color:var(--text-muted)}.upload-container.has-file,.upload-zone.has-file{border-color:var(--success);background:var(--success-light)}.format-selector{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.format-chip{padding:6px 14px;border-radius:var(--radius-full);font-size:0.78rem;font-weight:700;border:1.5px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);letter-spacing:0.04em}.format-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.format-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.size-compare{margin-top:var(--space-3)}.size-compare-label{display:flex;justify-content:space-between;font-size:0.78rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.size-compare-bar{height:6px;border-radius:3px;background:var(--bg-tertiary);overflow:hidden}.size-compare-fill{height:100%;border-radius:3px;background:var(--primary-gradient);transition:width 0.8s var(--ease-out)}.size-compare-fill.small{background:linear-gradient(90deg,#10b981,#06b6d4)}#upscale-workspace img{max-height:400px;max-width:100%;object-fit:contain;display:block;margin:auto}.passport-preview-grid{display:grid;gap:8px;background:var(--bg-tertiary);padding:12px;border-radius:var(--radius-md)}.passport-photo-item{border:1px solid var(--border-color);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.passport-photo-item img{width:100%;height:100%;object-fit:cover;display:block}.steg-textarea{width:100%;min-height:120px;background:var(--surface-1);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:12px 14px;color:var(--text-primary);font-size:0.88rem;resize:vertical;outline:none;font-family:var(--font-body);transition:border-color var(--t-fast)}.steg-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.qr-preview{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);display:flex;align-items:center;justify-content:center;min-height:200px}.qr-preview canvas,.qr-preview img{border-radius:4px}.barcode-preview{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-5) var(--space-4);text-align:center;min-height:140px;display:flex;align-items:center;justify-content:center}.barcode-preview svg{max-width:100%;height:auto}.color-swatch{width:40px;height:40px;border-radius:var(--radius-sm);border:2px solid rgba(0,0,0,0.1);cursor:pointer;transition:transform var(--t-fast)}.color-swatch:hover{transform:scale(1.1)}.color-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-3)}.color-item{text-align:center;cursor:pointer}.color-item-swatch{height:50px;border-radius:var(--radius-sm);margin-bottom:4px;border:1px solid rgba(0,0,0,0.08)}.color-item-hex{font-size:0.65rem;font-family:var(--font-mono);color:var(--text-muted)}.pdf-page-thumb{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px;text-align:center;cursor:grab;user-select:none;transition:all var(--t-fast)}.pdf-page-thumb:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.pdf-page-thumb img{width:100%;height:auto;display:block}.pdf-page-thumb-num{font-size:0.68rem;color:var(--text-muted);margin-top:4px;font-weight:600}.pdf-page-thumb.selected{border-color:var(--primary);background:var(--primary-light)}.exif-table{width:100%;border-collapse:collapse;font-size:0.88rem}.exif-table th{padding:10px 14px;border-bottom:2px solid var(--border-color);text-align:left;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}.exif-table td{padding:10px 14px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.exif-table td:first-child{font-weight:700;color:var(--text-primary)}.exif-table tr:last-child td{border-bottom:none}.exif-table tr:hover td{background:var(--bg-hover)}.meta-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border-color);gap:var(--space-4)}.meta-row:last-child{border-bottom:none}.meta-key{font-weight:700;font-size:0.85rem;min-width:130px;flex-shrink:0}.meta-val{font-size:0.85rem;color:var(--text-secondary);text-align:right;word-break:break-all}.annotation-tools{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0}.anno-tool-btn{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.anno-tool-btn:hover,.anno-tool-btn.active{background:var(--primary-light);color:var(--primary);border-color:rgba(99,102,241,0.3)}.anno-tool-btn svg{width:14px;height:14px}.annotation-canvas{display:block;cursor:crosshair;border-radius:0 0 var(--radius-md) var(--radius-md);max-width:100%}.splitter-grid{display:grid;gap:2px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.splitter-cell{background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.25);aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:700;color:var(--primary)}.meme-canvas-wrap{position:relative;display:inline-block}.meme-text-overlay{position:absolute;width:100%;text-align:center;color:#fff;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,0.8),-2px -2px 4px rgba(0,0,0,0.8);pointer-events:none;user-select:none;font-family:'Impact','Arial Black',sans-serif;text-transform:uppercase;letter-spacing:0.05em}.dpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2)}.dpi-preset{padding:10px 8px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;font-size:0.82rem;font-weight:700;cursor:pointer;transition:all var(--t-fast);background:var(--surface-1);color:var(--text-secondary)}.dpi-preset:hover,.dpi-preset.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.pixel-grid-canvas{image-rendering:pixelated;display:block;max-width:100%;margin:auto}.batch-queue{display:flex;flex-direction:column;gap:var(--space-2);max-height:360px;overflow-y:auto}.batch-item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.batch-item-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.batch-item-name{flex:1;font-size:0.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-item-status{font-size:0.72rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full)}.batch-status-pending{background:var(--bg-tertiary);color:var(--text-muted)}.batch-status-processing{background:var(--info-light);color:var(--info)}.batch-status-done{background:var(--success-light);color:var(--success)}.batch-status-error{background:var(--danger-light);color:var(--danger)}.exam-specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.exam-spec-card{padding:var(--space-4);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-fast);background:var(--surface-1)}.exam-spec-card:hover,.exam-spec-card.active{border-color:var(--primary);background:var(--primary-light)}.exam-spec-name{font-weight:800;font-size:0.88rem;margin-bottom:4px}.exam-spec-dims{font-size:0.72rem;color:var(--text-muted);font-family:var(--font-mono)}.blog-hero-card{border-radius:var(--radius-xl);overflow:hidden;position:relative;min-height:420px;background:var(--bg-tertiary);display:flex;align-items:flex-end}.blog-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,transparent 60%)}.blog-hero-content{position:relative;z-index:1;padding:var(--space-8);color:#fff}.blog-hero-title{font-size:clamp(1.5rem,3vw,2.2rem);color:#fff;margin-bottom:var(--space-3)}.blog-hero-meta{display:flex;gap:var(--space-4);font-size:0.82rem;color:rgba(255,255,255,0.75)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-sidebar{display:flex;flex-direction:column;gap:var(--space-5)}.blog-sidebar-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5)}.blog-sidebar-title{font-size:0.82rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);margin-bottom:var(--space-4)}.blog-tag{display:inline-flex;margin:0 4px 4px 0;padding:4px 12px;border-radius:var(--radius-full);font-size:0.72rem;font-weight:700;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--t-fast)}.blog-tag:hover{background:var(--primary-light);color:var(--primary);border-color:rgba(99,102,241,0.3)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-6)}.team-card{text-align:center;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--t-normal)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.team-avatar{width:72px;height:72px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:900;margin:0 auto var(--space-4)}.team-name{font-weight:800;margin-bottom:4px}.team-role{font-size:0.78rem;color:var(--text-muted)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:900px;margin:0 auto}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--surface-1);border:1.5px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--t-normal)}.pricing-card.popular{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:scale(1.04)}.pricing-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl)}.pricing-card.popular:hover{transform:translateY(-4px) scale(1.05)}.pricing-price{font-size:2.8rem;font-weight:900;font-family:var(--font-display);color:var(--text-primary)}.pricing-price sup{font-size:1.2rem;vertical-align:top;margin-top:8px}.pricing-price sub{font-size:0.9rem;color:var(--text-muted)}.pricing-features{list-style:none;margin:var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-3)}.pricing-features li{display:flex;align-items:center;gap:var(--space-3);font-size:0.9rem}.pricing-features li::before{content:'✓';color:var(--success);font-weight:900}.cookie-banner .cookie-actions{display:flex !important;gap:var(--space-3) !important;justify-content:center !important;align-items:center !important;margin-top:var(--space-4)}.cookie-banner p{font-size:0.88rem;color:var(--text-secondary);line-height:1.6;text-align:center !important}.lang-popup{position:absolute;top:calc(100%+8px);right:0;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-xl);z-index:10050;min-width:140px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--t-normal)}.lang-popup.open{opacity:1;visibility:visible;transform:translateY(0)}.lang-item{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:var(--radius-sm);font-size:0.88rem;color:var(--text-secondary);cursor:pointer;transition:background var(--t-fast);border:none;background:transparent}.lang-item:hover,.lang-item.active{background:var(--primary-light);color:var(--primary)}.lang-dropdown-wrapper{position:relative;z-index:1003}.trending-rank{width:24px;height:24px;border-radius:50%;background:var(--primary-gradient);color:#fff;font-size:0.7rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.showcase-container{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.showcase-labels{position:absolute;top:var(--space-4);display:flex;width:100%;justify-content:space-between;padding:0 var(--space-5);z-index:4;pointer-events:none}.showcase-label{background:rgba(0,0,0,0.55);color:#fff;padding:5px 12px;border-radius:var(--radius-full);font-size:0.72rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase}.faq-search{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-1);border:1.5px solid var(--border-color);border-radius:var(--radius-full);padding:10px 20px;margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto;transition:border-color var(--t-fast)}.faq-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.faq-search svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.faq-search input{flex:1;border:none;background:none;outline:none;font-size:0.9rem;color:var(--text-primary);font-family:var(--font-body)}.faq-search input::placeholder{color:var(--text-muted)}.comparison-mini{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-tertiary);height:240px;position:relative}.upscale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.upscale-option{padding:12px 8px;text-align:center;border-radius:var(--radius-md);border:1.5px solid var(--border-color);cursor:pointer;transition:all var(--t-fast);background:var(--surface-1)}.upscale-option:hover,.upscale-option.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.upscale-option-factor{font-size:1.4rem;font-weight:900;font-family:var(--font-display)}.upscale-option-label{font-size:0.65rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-top:3px}.wm-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100px}.wm-pos-btn{width:30px;height:30px;border-radius:4px;border:1.5px solid var(--border-color);background:var(--surface-1);cursor:pointer;transition:all var(--t-fast)}.wm-pos-btn:hover,.wm-pos-btn.active{background:var(--primary);border-color:var(--primary)}.tool-hero-icon{width:72px;height:72px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:var(--space-5)}svg.icon{width:1em;height:1em;vertical-align:middle}svg.icon-sm{width:14px;height:14px}svg.icon-md{width:18px;height:18px}svg.icon-lg{width:24px;height:24px}.ad-placeholder{width:100%;max-width:970px;min-height:90px;margin:var(--space-8) auto;padding:16px;background:var(--surface-2);border:1px dashed rgba(99,102,241,0.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-align:center;transition:all var(--t-fast);overflow:hidden}.ad-placeholder:hover{border-color:rgba(99,102,241,0.4)}@media (max-width:768px){.ad-placeholder{max-width:100%;min-height:75px;margin:var(--space-6) auto;padding:12px;font-size:0.7rem}}svg.lucide,i[data-lucide],.icon-wrap svg,.btn svg,.badge svg,.social-link svg,.logo-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0}.btn i[data-lucide],.btn svg.lucide{margin-right:6px}.btn-icon i[data-lucide],.btn-icon svg.lucide{margin-right:0}.content-section{display:flex;flex-direction:column;align-items:flex-start}.section-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-12)}.section-header.text-left,.section-header[style*="text-align:left"]{align-items:flex-start;text-align:left}.info-card,.stat-card,.queue-item{display:flex;align-items:center;gap:var(--space-3,12px)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{pointer-events:auto;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 18px;min-width:280px;max-width:420px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;font-size:0.85rem;font-weight:600;color:var(--text-primary);animation:toastSlideIn 0.35s var(--ease-bounce) forwards}@keyframes toastSlideIn{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.workspace-card:focus-within,.drop-zone:focus-within{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light),var(--shadow-lg)}.format-chip,.dpi-preset,.action-tab,.btn{will-change:transform,box-shadow}.bg-mode-switcher{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:4px;gap:4px;margin-bottom:18px}.bg-mode-btn{flex:1;padding:10px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:0.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--t-fast)}.bg-mode-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.05)}.bg-mode-btn.active{background:var(--primary);color:#ffffff;box-shadow:0 4px 12px rgba(99,102,241,0.35)}.bg-swatches-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.bg-swatch-btn{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;transition:transform 0.15s ease,border-color 0.15s ease;position:relative;padding:0}.bg-swatch-btn:hover{transform:scale(1.1);border-color:var(--primary)}.bg-swatch-btn.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);transform:scale(1.1)}.bg-swatch-transparent{background-color:#ffffff;background-image:linear-gradient(45deg,#cbd5e1 25%,transparent 25%),linear-gradient(-45deg,#cbd5e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd5e1 75%),linear-gradient(-45deg,transparent 75%,#cbd5e1 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}.bg-brush-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.bg-brush-btn{flex:1;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:0.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--t-fast)}.bg-brush-btn:hover{border-color:var(--primary);color:var(--text-primary)}.bg-brush-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:700}.api-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.25s ease}.api-modal-overlay.active{opacity:1;pointer-events:auto}.api-modal-card{background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:28px;width:90%;max-width:480px;box-shadow:var(--shadow-xl);transform:translateY(20px) scale(0.95);transition:transform 0.25s var(--ease-bounce)}.api-modal-overlay.active .api-modal-card{transform:translateY(0) scale(1)}.bg-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:12px;gap:8px;flex-wrap:wrap}.bg-toolbar-group{display:flex;align-items:center;gap:4px}.bg-toolbar-btn{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);font-size:0.75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--t-fast)}.bg-toolbar-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.bg-toolbar-btn.active{background:var(--primary);color:#ffffff;border-color:var(--primary)}.bg-editor-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:4px;gap:4px;margin-bottom:16px}.bg-tab-btn{padding:8px 6px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:0.76rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;transition:all var(--t-fast)}.bg-tab-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.06)}.bg-tab-btn.active{background:var(--surface-1);color:var(--primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.bg-tab-pane{display:none}.bg-tab-pane.active{display:block}.batch-file-card{display:flex;align-items:center;gap:14px;padding:12px;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:8px}.batch-file-thumb{width:54px;height:54px;border-radius:8px;object-fit:cover;border:1px solid var(--border-color);background:var(--bg-tertiary)}.batch-file-info{flex:1;min-width:0}.batch-file-title{font-weight:700;font-size:0.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-file-meta{font-size:0.72rem;color:var(--text-muted)}.use-case-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:transform var(--t-fast),box-shadow var(--t-fast)}.use-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(99,102,241,0.3)}.use-case-icon{width:44px;height:44px;border-radius:12px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:12px}.upload-container.bg-redesign-zone{border:2px dashed rgba(99,102,241,0.4);border-radius:var(--radius-xl);padding:42px 24px;background:radial-gradient(circle at 50% 30%,rgba(99,102,241,0.08) 0%,var(--surface-1) 70%);box-shadow:0 10px 30px rgba(0,0,0,0.03);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer}.upload-container.bg-redesign-zone:hover,.upload-container.bg-redesign-zone.dragover{border-color:var(--primary);background:radial-gradient(circle at 50% 30%,rgba(99,102,241,0.16) 0%,var(--primary-light) 80%);transform:translateY(-2px) scale(1.005);box-shadow:0 16px 40px rgba(99,102,241,0.18)}.bg-upload-badge-wrapper{position:relative;width:76px;height:76px;display:flex;align-items:center;justify-content:center}.bg-upload-badge-glow{position:absolute;inset:-6px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);opacity:0.35;filter:blur(10px);transition:opacity 0.3s ease,transform 0.3s ease}.upload-container.bg-redesign-zone:hover .bg-upload-badge-glow{opacity:0.65;transform:scale(1.15)}.bg-upload-icon-circle{position:relative;width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(99,102,241,0.4);transition:transform 0.3s var(--ease-bounce)}.upload-container.bg-redesign-zone:hover .bg-upload-icon-circle{transform:scale(1.1) rotate(-6deg)}.bg-upload-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0;text-align:center}.bg-upload-btn-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-full);background:var(--primary-gradient);color:#ffffff;font-weight:700;font-size:0.9rem;box-shadow:0 4px 14px rgba(99,102,241,0.35);transition:all 0.2s ease;margin-top:2px}.bg-upload-btn-cta:hover{box-shadow:0 6px 20px rgba(99,102,241,0.5);transform:translateY(-1px)}.bg-upload-trust-chips{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:4px}.bg-trust-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--border-color);font-size:0.72rem;font-weight:600;color:var(--text-secondary)}.bg-upload-formats{font-size:0.74rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:2px}.bg-format-pill{padding:2px 6px;border-radius:4px;background:var(--bg-tertiary);font-weight:700;font-size:0.68rem;font-family:var(--font-mono);color:var(--text-secondary)}.nav-pwa-btn{display:none;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-light);border:1px solid rgba(99,102,241,0.25);border-radius:var(--radius-full);color:var(--primary);font-size:0.78rem;font-weight:700;cursor:pointer;transition:all var(--t-fast);text-decoration:none}.nav-pwa-btn:hover{background:var(--primary);color:#ffffff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,0.35)}.nav-pwa-btn svg{width:14px;height:14px}.pwa-quick-banner{position:fixed;bottom:24px;left:50%;right:auto;transform:translate(-50%,0);max-width:460px;width:min(92%,460px);margin:0 auto;background:var(--surface-1);background:rgba(18,18,30,0.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,0.35);border-radius:18px;padding:14px 18px;box-shadow:0 16px 40px rgba(0,0,0,0.45),0 0 0 1px rgba(255,255,255,0.06);z-index:9999;display:none;align-items:center;gap:14px;animation:pwaSlideUp 0.45s cubic-bezier(0.16,1,0.3,1) forwards;transition:all 0.3s ease}html[data-theme="light"] .pwa-quick-banner{background:rgba(255,255,255,0.96);border-color:rgba(239,68,68,0.25);box-shadow:0 16px 36px rgba(0,0,0,0.15),0 2px 8px rgba(239,68,68,0.10)}@keyframes pwaSlideUp{from{opacity:0;transform:translate(-50%,30px) scale(0.95)}to{opacity:1;transform:translate(-50%,0) scale(1)}}.pwa-banner-icon{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#d946ef 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px rgba(99,102,241,0.4);padding:4px}.pwa-banner-icon img{width:100%;height:100%;border-radius:10px;object-fit:contain}.pwa-banner-content{flex:1;min-width:0}.pwa-banner-title{font-size:0.95rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:6px;margin-bottom:2px}html[data-theme="light"] .pwa-banner-title{color:#0f172a}.pwa-banner-desc{font-size:0.78rem;color:var(--text-muted);line-height:1.4;margin-bottom:6px}html[data-theme="light"] .pwa-banner-desc{color:#475569}.pwa-banner-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pwa-banner-chip{font-size:0.68rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:rgba(99,102,241,0.12);color:var(--primary);border:1px solid rgba(99,102,241,0.20)}.pwa-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-banner-install-btn{display:inline-flex;align-items:center;gap:6px;background:var(--primary-gradient);color:#ffffff !important;font-size:0.82rem;font-weight:800;padding:8px 14px;border-radius:var(--radius-full);border:none;cursor:pointer;box-shadow:0 4px 14px rgba(99,102,241,0.4);transition:all var(--t-fast);white-space:nowrap}.pwa-banner-install-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px rgba(99,102,241,0.55)}.pwa-banner-close-btn{background:transparent;border:1px solid var(--border-color);width:28px;height:28px;border-radius:50%;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t-fast);flex-shrink:0}.pwa-banner-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-secondary)}.pwa-ios-modal{position:fixed;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:none;align-items:flex-end;justify-content:center;padding:16px;animation:fadeIn 0.25s ease}.pwa-ios-sheet{background:var(--surface-1);border:1px solid var(--border-color);border-radius:24px;padding:24px;max-width:440px;width:100%;text-align:center;box-shadow:var(--shadow-xl);animation:slideUp 0.3s cubic-bezier(0.16,1,0.3,1);position:relative}.pwa-ios-sheet h3{font-size:1.15rem;font-weight:800;margin-bottom:8px}.pwa-ios-sheet p{font-size:0.85rem;color:var(--text-muted);margin-bottom:16px}.pwa-ios-steps{display:flex;flex-direction:column;gap:12px;text-align:left;background:var(--bg-tertiary);padding:14px 16px;border-radius:14px;margin-bottom:18px}.pwa-ios-step{display:flex;align-items:center;gap:12px;font-size:0.85rem;font-weight:600}.pwa-ios-step-num{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;flex-shrink:0}@media (max-width:640px){.pwa-quick-banner{bottom:16px;left:50% !important;right:auto !important;transform:translate(-50%,0) !important;width:min(92%,440px) !important;max-width:calc(100% - 32px) !important;margin:0 auto !important;padding:12px 14px;gap:10px}.pwa-banner-icon{width:44px;height:44px}.pwa-banner-title{font-size:0.88rem}.pwa-banner-desc{display:none}.pwa-banner-install-btn{padding:7px 12px;font-size:0.78rem}}.tools-pills-wrap,.tools-pills-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;max-width:1060px;margin:20px auto 0;padding:0 8px}.tool-chip-badge,.tool-pill{display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;background:var(--surface-1);border:1px solid var(--border-color);border-radius:10px;text-decoration:none;color:var(--text-primary);font-size:0.90rem;font-weight:600;letter-spacing:-0.01em;transition:all var(--t-fast);box-shadow:0 1px 3px rgba(0,0,0,0.04);user-select:none;white-space:nowrap}.tool-chip-badge:hover,.tool-pill:hover{border-color:var(--primary);background:var(--surface-2);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 14px rgba(239,68,68,0.14)}.tool-chip-badge:active,.tool-pill:active{transform:translateY(0)}.tool-chip-icon,.tool-pill-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;transition:transform var(--t-fast),background var(--t-fast)}.tool-chip-badge:hover .tool-chip-icon,.tool-pill:hover .tool-pill-icon{transform:scale(1.08);background:var(--primary-light);border-color:rgba(239,68,68,0.3)}.tool-pill-left{display:inline-flex;align-items:center;gap:12px}.tool-pill-info{display:inline-flex;align-items:center}.tool-pill-title{font-weight:600;font-size:0.90rem;color:var(--text-primary);letter-spacing:-0.01em}.tool-pill-desc,.tool-pill-arrow{display:none}.queue-container{display:flex;flex-direction:column;gap:12px;margin-top:var(--space-4);width:100%}.queue-item{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md,14px);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;transition:all var(--t-fast);box-shadow:var(--shadow-xs);box-sizing:border-box;width:100%}.queue-item:hover{border-color:rgba(239,68,68,0.35);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.queue-item-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.queue-thumb,.queue-thumbnail{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--bg-tertiary);border:1px solid var(--border-color);flex-shrink:0}.queue-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.queue-filename,.queue-name{font-size:0.92rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.queue-meta{display:flex;align-items:center;gap:8px;font-size:0.78rem;color:var(--text-muted);flex-wrap:wrap;line-height:1}.queue-format-badge{display:inline-flex;align-items:center;font-size:0.70rem;font-weight:800;font-family:var(--font-mono,monospace);padding:2px 7px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);letter-spacing:0.04em}.queue-format-badge.out{background:var(--primary-light);color:var(--primary);border-color:rgba(239,68,68,0.25)}.queue-arrow{color:var(--text-muted);font-weight:700;font-size:0.8rem;display:inline-block;margin:0 1px}.queue-orig-size{color:var(--text-muted);font-size:0.76rem;font-weight:600;margin-left:2px}.queue-item-right{display:flex;align-items:center;gap:10px;flex-shrink:0;justify-content:flex-end}.queue-status{font-size:0.72rem;font-weight:800;padding:4px 10px;border-radius:var(--radius-full,9999px);text-transform:uppercase;letter-spacing:0.04em;display:inline-flex;align-items:center;line-height:1}.queue-status.pending{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-color)}.queue-status.processing{background:rgba(245,158,11,0.12);color:#d97706;border:1px solid rgba(245,158,11,0.25)}.queue-status.done{background:rgba(16,185,129,0.12);color:#059669;border:1px solid rgba(16,185,129,0.25)}.queue-status.error{background:rgba(239,68,68,0.12);color:#dc2626;border:1px solid rgba(239,68,68,0.25)}.queue-size-saved{font-size:0.82rem;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap}.queue-download-btn{padding:7px 16px !important;font-size:0.82rem !important;font-weight:700 !important;border-radius:var(--radius-full) !important;display:inline-flex !important;align-items:center !important;gap:6px !important;white-space:nowrap !important}.queue-remove-btn{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:1.1rem !important;color:var(--text-muted) !important;border:1px solid var(--border-color) !important;background:transparent !important;cursor:pointer !important;transition:all var(--t-fast)}.queue-remove-btn:hover{color:var(--danger) !important;border-color:var(--danger) !important;background:var(--danger-light) !important}@media (max-width:640px){.queue-item{flex-direction:column !important;align-items:stretch !important;padding:14px 12px !important;gap:12px !important}.queue-item-left{width:100% !important}.queue-item-right{width:100% !important;display:flex !important;justify-content:space-between !important;align-items:center !important;flex-wrap:wrap !important;gap:8px !important;border-top:1px solid var(--border-color) !important;padding-top:10px !important}.queue-download-btn{flex:1 !important;justify-content:center !important}}.blog-hero-section{padding:calc(var(--header-height,70px)+var(--space-8)) 0 var(--space-8);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);text-align:center}.blog-hero-content{max-width:840px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.blog-hero-title{font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:900;letter-spacing:-0.03em;margin:var(--space-2) 0 var(--space-3);color:var(--text-primary);line-height:1.15}.blog-hero-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.65;margin-bottom:var(--space-6);max-width:680px}.blog-search-box-wrap{width:100%;max-width:580px;margin:0 auto var(--space-6)}.blog-search-input-inner{position:relative;display:flex;align-items:center}.blog-search-icon{position:absolute;left:18px;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.blog-search-input{width:100%;padding:14px 48px 14px 50px;background:var(--surface-1);border:1.5px solid var(--border-color);border-radius:var(--radius-full);font-size:0.98rem;color:var(--text-primary);outline:none;transition:all var(--t-fast);box-shadow:var(--shadow-sm);font-family:inherit}.blog-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light),var(--shadow-md)}.blog-search-clear{position:absolute;right:14px;width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;border:none;transition:all var(--t-fast)}.blog-search-clear:hover{background:var(--primary-light);color:var(--primary)}.blog-categories-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:var(--space-2)}.blog-cat-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--border-color);color:var(--text-secondary);font-size:0.88rem;font-weight:600;cursor:pointer;transition:all var(--t-fast);box-shadow:var(--shadow-xs);user-select:none}.blog-cat-tab:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.blog-cat-tab.active{background:var(--primary-gradient);color:#ffffff !important;border-color:transparent !important;box-shadow:var(--shadow-primary)}.blog-cat-count{font-size:0.72rem;background:rgba(0,0,0,0.08);padding:2px 7px;border-radius:var(--radius-full);margin-left:2px}.blog-cat-tab.active .blog-cat-count{background:rgba(255,255,255,0.25);color:#ffffff}.blog-featured-section{padding:var(--space-8) 0}.blog-featured-card{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-8);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-2xl,28px);padding:var(--space-6);box-shadow:var(--shadow-lg);align-items:center;transition:all var(--t-normal);overflow:hidden}.blog-featured-card:hover{box-shadow:var(--shadow-2xl);border-color:rgba(239,68,68,0.25)}.blog-featured-image-wrap{position:relative;border-radius:var(--radius-xl,20px);overflow:hidden;height:340px;background:var(--bg-tertiary)}.blog-featured-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-featured-card:hover .blog-featured-img{transform:scale(1.04)}.blog-featured-badge{position:absolute;top:16px;left:16px;background:rgba(15,23,42,0.85);backdrop-filter:blur(8px);color:#fbbf24;font-size:0.74rem;font-weight:800;letter-spacing:0.06em;padding:6px 12px;border-radius:var(--radius-full);border:1px solid rgba(251,191,36,0.3)}.blog-featured-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-4) var(--space-2)}.blog-featured-title{font-size:clamp(1.4rem,2.8vw,1.85rem);font-weight:800;line-height:1.25;margin:var(--space-3) 0 var(--space-4);color:var(--text-primary)}.blog-featured-title a{color:inherit;transition:color var(--t-fast)}.blog-featured-title a:hover{color:var(--primary)}.blog-featured-excerpt{font-size:0.95rem;color:var(--text-secondary);line-height:1.65;margin-bottom:var(--space-6)}.blog-main-section{padding-top:var(--space-4)}.blog-layout-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-10);align-items:start}.blog-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.blog-section-title{font-size:1.45rem;font-weight:800;margin:0}.blog-results-count{font-size:0.86rem;font-weight:600;color:var(--primary);background:var(--primary-light);padding:4px 12px;border-radius:var(--radius-full)}.blog-posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.blog-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl,20px);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:all var(--t-normal)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:rgba(239,68,68,0.25)}.blog-card-img-link{display:block;width:100%;height:200px;overflow:hidden;background:var(--bg-tertiary)}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.blog-card:hover .blog-card-img{transform:scale(1.05)}.blog-card-body{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.blog-category-badge{display:inline-flex;align-items:center;gap:4px;font-size:0.74rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);border:1px solid transparent;text-decoration:none;transition:opacity var(--t-fast)}.blog-category-badge:hover{opacity:0.85}.blog-meta-item{font-size:0.76rem;color:var(--text-muted);font-weight:500}.blog-card-title{font-size:1.15rem;font-weight:800;line-height:1.35;margin-bottom:var(--space-3)}.blog-card-title a{color:var(--text-primary);text-decoration:none;transition:color var(--t-fast)}.blog-card-title a:hover{color:var(--primary)}.blog-card-excerpt{font-size:0.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-5);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:var(--space-4);margin-top:auto}.blog-author-info{display:flex;align-items:center;gap:8px}.blog-author-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-gradient);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:800;flex-shrink:0}.blog-author-name{display:block;font-size:0.82rem;font-weight:700;color:var(--text-primary);line-height:1.2}.blog-date-text{display:block;font-size:0.72rem;color:var(--text-muted)}.blog-read-link{display:inline-flex;align-items:center;gap:4px;font-size:0.84rem;font-weight:700;color:var(--primary);text-decoration:none;transition:gap var(--t-fast)}.blog-read-link:hover{gap:8px}.blog-read-link svg{width:14px;height:14px}.blog-pagination-wrap{margin-top:var(--space-10);display:flex;justify-content:center}.blog-pagination-nav{display:inline-flex;align-items:center;gap:6px;background:var(--surface-1);padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.blog-page-btn{min-width:38px;height:38px;padding:0 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:0.88rem;font-weight:700;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--t-fast)}.blog-page-btn:hover{background:var(--primary-light);color:var(--primary)}.blog-page-btn.active{background:var(--primary-gradient);color:#ffffff !important;box-shadow:var(--shadow-primary)}.blog-page-btn svg{width:14px;height:14px}.blog-sidebar-col{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:90px}.blog-sidebar-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl,20px);padding:var(--space-6);box-shadow:var(--shadow-sm)}.blog-sidebar-heading{font-size:1.05rem;font-weight:800;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.blog-popular-list{display:flex;flex-direction:column;gap:var(--space-4)}.blog-popular-item{display:flex;align-items:flex-start;gap:12px;text-decoration:none;padding-bottom:var(--space-3);border-bottom:1px dashed var(--border-color);transition:transform var(--t-fast)}.blog-popular-item:last-child{border-bottom:none;padding-bottom:0}.blog-popular-item:hover{transform:translateX(3px)}.blog-popular-rank{width:28px;height:28px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--primary);font-weight:800;font-size:0.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-popular-info{flex:1}.blog-popular-cat{font-size:0.70rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;display:block;margin-bottom:2px}.blog-popular-title{font-size:0.88rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:4px}.blog-popular-item:hover .blog-popular-title{color:var(--primary)}.blog-popular-meta{font-size:0.72rem;color:var(--text-muted)}.blog-sidebar-tools-list{display:flex;flex-direction:column;gap:8px}.blog-sidebar-tool-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);text-decoration:none;transition:all var(--t-fast)}.blog-sidebar-tool-link:hover{background:var(--primary-light);border-color:rgba(239,68,68,0.3);transform:translateX(2px)}.blog-sidebar-tool-link .blog-tool-icon{font-size:1.2rem;width:32px;height:32px;border-radius:6px;background:var(--surface-1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-sidebar-tool-link strong{display:block;font-size:0.84rem;font-weight:700;color:var(--text-primary);line-height:1.2}.blog-sidebar-tool-link:hover strong{color:var(--primary)}.blog-sidebar-tool-link span{display:block;font-size:0.70rem;color:var(--text-muted)}.blog-privacy-card{background:linear-gradient(135deg,rgba(239,68,68,0.05) 0%,rgba(59,130,246,0.05) 100%);border:1px solid rgba(239,68,68,0.15)}.blog-privacy-icon{font-size:1.8rem;margin-bottom:8px}.blog-privacy-card h4{font-size:0.95rem;font-weight:800;margin-bottom:6px}.blog-privacy-card p{font-size:0.82rem;color:var(--text-secondary);line-height:1.6;margin:0}.blog-cta-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.blog-cta-inner{max-width:620px;margin:0 auto}.blog-cta-inner h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:var(--space-3)}.blog-cta-inner p{font-size:0.98rem;color:var(--text-secondary);margin-bottom:var(--space-6)}.blog-cta-form{display:flex;gap:var(--space-3);max-width:480px;margin:0 auto}.blog-cta-input{flex:1}.blog-empty-state{grid-column:1 / -1;background:var(--surface-1);border:1px dashed var(--border-color);border-radius:var(--radius-xl);padding:60px 20px;text-align:center}.blog-empty-icon{font-size:2.8rem;margin-bottom:12px}.blog-empty-state h3{font-size:1.25rem;margin-bottom:8px}.blog-empty-state p{font-size:0.92rem;color:var(--text-secondary);max-width:440px;margin:0 auto 20px}.blog-card-skeleton{pointer-events:none}.blog-skeleton-img{width:100%;height:200px}.blog-skeleton-pill{width:90px;height:22px;border-radius:999px;margin-bottom:12px}.blog-skeleton-title{width:90%;height:24px;margin-bottom:10px}.blog-skeleton-text{width:100%;height:50px;margin-bottom:16px}.blog-skeleton-footer{width:100%;height:36px}.article-details-page{padding:calc(var(--header-height,70px)+var(--space-6)) 0 var(--space-16)}.article-header-wrap{max-width:860px;margin:0 auto var(--space-6);text-align:center}.article-category-wrap{margin-bottom:var(--space-3)}.article-main-title{font-size:clamp(2rem,4.2vw,3rem);font-weight:900;line-height:1.2;letter-spacing:-0.025em;margin-bottom:var(--space-4);color:var(--text-primary)}.article-meta-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;font-size:0.84rem;color:var(--text-muted)}.article-author-chip{display:inline-flex;align-items:center;gap:8px;text-align:left}.article-author-chip strong{display:block;font-size:0.85rem;color:var(--text-primary);line-height:1.2}.article-author-chip span{font-size:0.72rem;color:var(--text-muted)}.article-meta-divider{width:1px;height:24px;background:var(--border-color)}.article-banner-wrap{max-width:980px;height:420px;margin:0 auto var(--space-10);border-radius:var(--radius-2xl,28px);overflow:hidden;box-shadow:var(--shadow-xl);background:var(--bg-tertiary)}.article-main-img{width:100%;height:100%;object-fit:cover}.article-layout-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-10);align-items:start}.article-content-col{min-width:0}.article-body-content{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-2xl,24px);padding:var(--space-8);box-shadow:var(--shadow-sm);line-height:1.8;font-size:1.05rem;color:var(--text-primary)}.article-body-content h2{font-size:1.65rem;font-weight:800;margin:var(--space-8) 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-color);color:var(--text-primary);scroll-margin-top:100px}.article-body-content h3{font-size:1.3rem;font-weight:800;margin:var(--space-6) 0 var(--space-3);color:var(--text-primary);scroll-margin-top:100px}.article-body-content p{font-size:1.02rem;line-height:1.8;margin-bottom:var(--space-5);color:var(--text-secondary)}.article-body-content ul,.article-body-content ol{margin:0 0 var(--space-5) var(--space-6);padding:0;color:var(--text-secondary)}.article-body-content li{margin-bottom:var(--space-2);line-height:1.7}.article-body-content table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:0.92rem}.article-body-content th,.article-body-content td{padding:12px 16px;border:1px solid var(--border-color)}.article-body-content th{background:var(--bg-secondary);font-weight:700}.article-body-content code{background:var(--bg-secondary);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:0.88em;color:var(--primary)}.article-body-content blockquote{border-left:4px solid var(--primary);background:var(--bg-secondary);padding:var(--space-4) var(--space-6);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-6) 0;font-style:italic;color:var(--text-secondary)}.article-share-section{margin-top:var(--space-8);padding:var(--space-5) var(--space-6);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.article-share-title{font-size:0.95rem;font-weight:800;margin:0}.article-share-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-full);font-size:0.82rem;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);transition:all var(--t-fast)}.share-btn:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.article-author-card{margin-top:var(--space-8);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.author-card-inner{display:flex;gap:var(--space-4);align-items:flex-start}.author-card-avatar{width:56px;height:56px;border-radius:50%;background:var(--primary-gradient);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;flex-shrink:0;box-shadow:var(--shadow-primary)}.author-card-info{flex:1}.author-card-name{font-size:1.1rem;font-weight:800;margin-bottom:2px}.author-card-role{font-size:0.78rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:8px}.author-card-bio{font-size:0.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.article-comments-section{margin-top:var(--space-10)}.comments-header{margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.comments-header h3{font-size:1.35rem;font-weight:800;margin:0}.article-comment-form{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.article-comment-form h4{font-size:1.05rem;font-weight:800;margin-bottom:4px}.form-group-row{display:flex;gap:var(--space-4)}.article-comments-list{display:flex;flex-direction:column;gap:var(--space-4)}.article-comment-item{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5)}.comment-author-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-3)}.comment-author-name{font-size:0.92rem;font-weight:700;display:block}.comment-date{font-size:0.74rem;color:var(--text-muted)}.comment-body{font-size:0.92rem;color:var(--text-secondary);line-height:1.65}.no-comments-msg{color:var(--text-muted);font-size:0.9rem;font-style:italic;padding:var(--space-4) 0}.article-sidebar-box{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.article-sidebar-title{font-size:1rem;font-weight:800;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.article-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.article-toc-item{margin:0}.article-toc-item.toc-h3{padding-left:14px}.article-toc-link{font-size:0.86rem;color:var(--text-secondary);text-decoration:none;line-height:1.4;display:block;transition:all var(--t-fast)}.article-toc-link:hover,.article-toc-link.active{color:var(--primary);font-weight:700;transform:translateX(4px)}.article-related-tools{display:flex;flex-direction:column;gap:8px}.blog-tool-shortcut{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);text-decoration:none;transition:all var(--t-fast)}.blog-tool-shortcut:hover{background:var(--primary-light);border-color:rgba(239,68,68,0.3);transform:translateX(3px)}.blog-tool-shortcut-icon{font-size:1.2rem;width:34px;height:34px;border-radius:8px;background:var(--surface-1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-tool-shortcut-text strong{display:block;font-size:0.86rem;font-weight:700;color:var(--text-primary);line-height:1.2}.blog-tool-shortcut:hover .blog-tool-shortcut-text strong{color:var(--primary)}.blog-tool-shortcut-text span{display:block;font-size:0.72rem;color:var(--text-muted)}.article-related-section{margin-top:var(--space-14);padding-top:var(--space-10);border-top:1px solid var(--border-color)}.article-related-heading{font-size:1.45rem;font-weight:800;margin-bottom:var(--space-6);text-align:center}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.blog-card-sm .blog-card-img-link{height:150px}.blog-card-sm .blog-card-title{font-size:0.98rem}@media (max-width:1024px){.blog-layout-grid,.article-layout-grid{grid-template-columns:1fr}.blog-featured-card{grid-template-columns:1fr}.blog-featured-image-wrap{height:260px}.blog-sidebar-col,.article-sidebar-col{position:static;margin-top:var(--space-8)}}@media (max-width:768px){.blog-posts-grid{grid-template-columns:1fr}.article-related-grid{grid-template-columns:1fr}.form-group-row{flex-direction:column;gap:0}.article-banner-wrap{height:240px;border-radius:var(--radius-xl)}.article-body-content{padding:var(--space-5)}.blog-cta-form{flex-direction:column}}