:root{--bg:#f8fafc;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--bg-surface:#ffffff;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-focus:#6366f1;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:rgba(79,70,229,0.08);--accent:#06b6d4;--accent-hover:#0891b2;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--radius:12px;--radius-sm:8px;--radius-full:9999px;--nav-h:70px}[data-theme="dark"]{--bg:#090d16;--bg-card:#111827;--bg-card-hover:#1a2234;--bg-surface:#1e293b;--text:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--border:#1e293b;--border-focus:#818cf8;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:rgba(99,102,241,0.15);--accent:#22d3ee;--accent-hover:#06b6d4;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.5);--shadow:0 4px 6px -1px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;width:100%;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:'Outfit','Inter',sans-serif;font-weight:700;line-height:1.25;color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:all .3s ease}[data-theme="dark"] .site-header{background:rgba(17,24,39,0.85)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}.brand{display:flex;align-items:center;gap:10px;font-family:'Outfit',sans-serif;font-size:1.35rem;font-weight:800;color:var(--primary)}.brand-badge{background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.nav-menu{display:flex;align-items:center;gap:8px;list-style:none}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 14px;font-weight:600;font-size:.92rem;color:var(--text);border-radius:var(--radius-sm);transition:all .2s ease}.nav-link:hover,.nav-link:focus{color:var(--primary);background:var(--primary-light)}.nav-dropdown{position:absolute;top:100%;left:0;min-width:680px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:18px;display:none;z-index:1001;animation:fadeIn .2s ease}[data-theme="dark"] .nav-dropdown{background:var(--bg-card)}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:block}.dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:420px;overflow-y:auto;padding-right:6px}.dropdown-grid::-webkit-scrollbar{width:5px}.dropdown-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dropdown-link{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:500;color:var(--text-muted);border-radius:6px;transition:all .15s ease}.dropdown-link:hover{color:var(--primary);background:var(--primary-light);transform:translateX(2px)}.nav-actions{display:flex;align-items:center;gap:10px}.btn-theme{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);transition:all .2s ease}.btn-theme:hover{border-color:var(--primary);color:var(--primary)}.mobile-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text)}.breadcrumb-wrap{padding:14px 0;background:var(--bg-card);border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-item a{color:var(--text-muted);transition:color .2s ease}.breadcrumb-item a:hover{color:var(--primary)}.breadcrumb-item.active{color:var(--primary);font-weight:600}.breadcrumb-sep{color:var(--text-light);font-size:.8rem}.hero-section{padding:50px 0 30px;background:radial-gradient(ellipse at 50% 0%,var(--primary-light) 0%,transparent 70%)}.hero-head{text-align:center;max-width:860px;margin:0 auto 36px}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:var(--primary-light);border:1px solid rgba(79,70,229,0.2);color:var(--primary);font-size:.82rem;font-weight:700;margin-bottom:14px}.hero-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-0.03em;margin-bottom:14px}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--text-muted);max-width:720px;margin:0 auto}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:26px;position:relative}.tool-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:26px;align-items:start}@media(max-width:960px){.tool-grid{grid-template-columns:1fr}}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:32px 20px;text-align:center;background:var(--bg);transition:all .25s ease;position:relative;cursor:pointer}.drop-zone:hover,.drop-zone.dragover{border-color:var(--primary);background:var(--primary-light)}.drop-icon{width:56px;height:56px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:50%}.drop-title{font-size:1.15rem;font-weight:700;margin-bottom:6px}.drop-subtitle{font-size:.88rem;color:var(--text-muted);margin-bottom:14px}.drop-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 4px 10px rgba(79,70,229,0.3);transition:all .2s ease}.drop-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.drop-limits{margin-top:12px;font-size:.76rem;color:var(--text-light)}.preview-container{margin-top:20px;display:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;position:relative}.preview-img-wrap{max-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:repeating-conic-gradient(#808080 0% 25%,#fff 0% 50%) 50%/16px 16px}.preview-img{max-height:280px;object-fit:contain;width:auto}.meta-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:12px}.meta-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:.75rem}.meta-chip-label{color:var(--text-muted);font-weight:500}.meta-chip-val{color:var(--text);font-weight:700}.sample-section{margin-top:18px}.sample-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.82rem;color:var(--text-muted);font-weight:600}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sample-card{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--bg-card);text-align:center;padding:4px}.sample-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sample-card img{height:54px;width:100%;object-fit:cover;border-radius:4px}.sample-card span{display:block;font-size:.72rem;font-weight:600;padding:3px 2px;color:var(--text-muted)}.controls-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-bottom:14px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.control-row:last-child{margin-bottom:0}.control-label{font-size:.84rem;font-weight:600;color:var(--text)}.control-select{padding:7px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);font-size:.84rem;font-weight:500;outline:none;cursor:pointer}.control-select:focus{border-color:var(--primary)}.toggles-wrap{display:flex;flex-wrap:wrap;gap:8px}.toggle-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);border:1px solid var(--border);font-size:.76rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease;user-select:none}.toggle-chip.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.ocr-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-bottom:14px}.ocr-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ocr-title-wrap{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700;color:var(--text)}.ocr-status-badge{font-size:.72rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:600;background:var(--primary-light);color:var(--primary)}.ocr-status-badge.found{background:rgba(16,185,129,0.15);color:var(--success)}.ocr-status-badge.scanning{background:rgba(245,158,11,0.15);color:var(--warning)}.ocr-input-wrap{position:relative}.ocr-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);font-size:.84rem;outline:none;transition:border-color .2s ease}.ocr-input:focus{border-color:var(--primary)}.ocr-hint{font-size:.73rem;color:var(--text-muted);margin-top:5px}.palette-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:14px}.palette-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:.82rem;font-weight:600;color:var(--text)}.palette-swatches{display:flex;gap:8px;flex-wrap:wrap}.palette-swatch{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .15s ease}.palette-swatch:hover{transform:scale(1.05)}.swatch-color{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,0.15)}.prompts-container{display:flex;flex-direction:column;gap:14px}.prompt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .2s ease}.prompt-card:hover{border-color:var(--border-focus)}.prompt-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border)}.prompt-model-badge{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700}.prompt-actions{display:flex;gap:6px}.btn-icon{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-size:.76rem;font-weight:600;transition:all .2s ease}.btn-icon:hover{border-color:var(--primary);color:var(--primary)}.prompt-content{padding:12px 14px;font-size:.86rem;color:var(--text);white-space:pre-wrap;word-break:break-word;background:var(--bg-card);min-height:72px;font-family:inherit}.global-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.btn-main{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:.86rem;transition:all .2s ease}.btn-main.primary{background:var(--primary);color:#fff}.btn-main.primary:hover{background:var(--primary-hover)}.btn-main.outline{border:1px solid var(--border);color:var(--text)}.btn-main.outline:hover{border-color:var(--danger);color:var(--danger)}.btn-main.secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text)}.btn-main.secondary:hover{border-color:var(--primary);color:var(--primary)}.section-tools{padding:60px 0;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-title-wrap{text-align:center;max-width:760px;margin:0 auto 34px}.section-title{font-size:clamp(1.6rem,2.8vw,2.2rem);margin-bottom:8px}.section-desc{color:var(--text-muted);font-size:.95rem}.tools-grid-flat{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.tool-link-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);font-size:.84rem;font-weight:600;color:var(--text);transition:all .2s ease}.tool-link-card:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tool-link-card svg{color:var(--primary);flex-shrink:0}.section-features{padding:70px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .25s ease}.feature-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);margin-bottom:16px}.feature-title{font-size:1.15rem;margin-bottom:8px}.feature-text{font-size:.88rem;color:var(--text-muted);line-height:1.55}.section-how{padding:70px 0;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:860px){.how-grid{grid-template-columns:1fr}}.how-card{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px}.how-step{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:1.1rem;margin-bottom:14px}.how-title{font-size:1.1rem;margin-bottom:8px}.how-text{font-size:.88rem;color:var(--text-muted)}.section-seo{padding:60px 0}.seo-article-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-sm)}.seo-article-title{font-size:1.6rem;margin-bottom:18px}.seo-p{font-size:.95rem;color:var(--text);line-height:1.75;margin-bottom:16px;text-align:justify}.seo-p:last-child{margin-bottom:0}.section-faq{padding:70px 0;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.faq-list{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden;transition:border-color .2s ease}.faq-item.active{border-color:var(--primary)}.faq-btn{width:100%;padding:16px 20px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.98rem;font-weight:700;color:var(--text);transition:color .2s ease}.faq-btn:hover{color:var(--primary)}.faq-icon{transition:transform .2s ease;flex-shrink:0}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-content{display:none;padding:0 20px 18px;font-size:.9rem;color:var(--text-muted);line-height:1.6}.faq-item.active .faq-content{display:block}.section-cta{padding:70px 0;background:linear-gradient(135deg,rgba(79,70,229,0.08) 0%,rgba(6,182,212,0.08) 100%);text-align:center}.cta-box{max-width:760px;margin:0 auto}.cta-title{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:12px}.cta-desc{font-size:1.05rem;color:var(--text-muted);margin-bottom:24px}.cta-btns{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.site-footer{background:var(--bg);border-top:1px solid var(--border);padding:60px 0 24px;font-size:.88rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}@media(max-width:960px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}.footer-about p{color:var(--text-muted);margin:12px 0 16px;font-size:.85rem;line-height:1.55}.footer-title{font-size:.98rem;font-weight:700;margin-bottom:14px;color:var(--text)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-links a{color:var(--text-muted);transition:color .15s ease;font-size:.84rem}.footer-links a:hover{color:var(--primary)}.footer-disclaimer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-bottom:24px;font-size:.78rem;color:var(--text-muted);line-height:1.5}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:20px;border-top:1px solid var(--border);font-size:.82rem;color:var(--text-light)}.footer-bottom-links{display:flex;gap:16px}.footer-bottom-links a{color:var(--text-muted)}.footer-bottom-links a:hover{color:var(--primary)}.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;max-width:520px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--radius);padding:18px;z-index:9999;display:none;align-items:center;gap:14px;animation:slideUp .3s ease}@media(max-width:600px){.cookie-banner{flex-direction:column;align-items:flex-start;bottom:10px;left:10px;right:10px}}.cookie-text{font-size:.82rem;color:var(--text-muted);line-height:1.45}.cookie-text a{color:var(--primary);text-decoration:underline}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:10000;pointer-events:none}.toast{padding:10px 16px;border-radius:var(--radius-sm);background:var(--text);color:var(--bg);font-size:.84rem;font-weight:600;box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastIn .2s ease;display:flex;align-items:center;gap:8px}.toast.toast-error{background:var(--danger);color:#fff}.toast.toast-success{background:var(--success);color:#fff}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.nav-menu{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--bg-card);flex-direction:column;align-items:stretch;padding:20px;display:none;overflow-y:auto;z-index:999}.nav-menu.open{display:flex}.mobile-toggle{display:flex}.nav-dropdown{position:static;display:none;width:100%;min-width:unset;box-shadow:none;border:none;background:transparent;padding:10px 0}.nav-item.mobile-expand .nav-dropdown{display:block}.dropdown-grid{grid-template-columns:1fr;max-height:unset}}