:root{--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--black:#000;--brand-blue:#1f0eae;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:2px;--radius:2px;--radius-md:4px;--radius-lg:6px;--radius-full:9999px;--space-xs:.25rem;--space-sm:.5rem;--space:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Monaco","Cascadia Code",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease;--bg-primary:var(--white);--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-inverse:var(--gray-900);--surface-base:var(--white);--surface-raised:var(--white);--surface-overlay:var(--white);--surface-disabled:var(--gray-100);--border-primary:var(--gray-200);--border-secondary:var(--gray-300);--border-strong:var(--gray-400);--text-primary:var(--brand-blue);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-inverse:var(--white);--text-disabled:var(--gray-400);--interactive-primary:var(--brand-blue);--interactive-primary-hover:#160a8a;--interactive-primary-active:#0f0660;--interactive-secondary:var(--gray-200);--interactive-secondary-hover:var(--gray-300);--focus-ring:0 0 0 2px #1f0eae33;--glass-bg:#fffffff2;--glass-border:#e2e8f0cc;--glass-shadow:var(--shadow);--sidebar-bg:var(--white);--sidebar-border:var(--gray-200);--sidebar-text:var(--brand-blue);--sidebar-text-secondary:var(--gray-600);--sidebar-hover:var(--blue-50);--sidebar-active:var(--blue-100);--sidebar-active-text:var(--brand-blue);--bg-color:var(--bg-primary);--text-color:var(--text-secondary);--heading-color:var(--text-primary);--primary-color:var(--interactive-primary);--primary-dark:var(--interactive-primary-hover);--secondary-color:var(--text-tertiary);--primary:var(--interactive-primary);--secondary:var(--interactive-secondary);--accent:var(--success);--border-color:var(--border-primary);--card-bg:var(--surface-base);--text-main:var(--text-primary);--text-body:var(--text-secondary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition),color var(--transition);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;margin:0 0 var(--space)0;font-weight:700;line-height:1.2}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space);color:var(--interactive-primary)}h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space);color:var(--text-secondary);line-height:1.7}a{color:var(--interactive-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--interactive-primary-hover);text-decoration:underline}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition)}.card{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:var(--radius);padding:var(--space-lg);transition:all var(--transition)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space)var(--space-lg);border-radius:var(--radius);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--interactive-primary);color:var(--text-inverse);border-color:var(--interactive-primary)}.btn-primary:hover:not(:disabled){background:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--interactive-primary-active);transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong)}.btn-outline{color:var(--interactive-primary);border-color:var(--interactive-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--interactive-primary);color:var(--text-inverse)}.input,.textarea,.select{width:100%;padding:var(--space)var(--space);background:var(--surface-base);border:2px solid var(--border-primary);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size);transition:all var(--transition-fast)}.input:focus,.textarea:focus,.select:focus{border-color:var(--interactive-primary);box-shadow:var(--focus-ring);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical;min-height:100px;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.5}.checkbox,.radio{width:1.25rem;height:1.25rem;accent-color:var(--interactive-primary)}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);width:280px;height:100vh;transition:all var(--transition);padding:0;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important}.sidebar-logo{padding:var(--space-xl)var(--space-lg);border-bottom:1px solid var(--sidebar-border);margin-bottom:var(--space)}.sidebar-logo-text{font-size:var(--font-size-2xl);letter-spacing:-.025em;color:var(--sidebar-text);align-items:center;gap:var(--space-sm);font-weight:800;text-decoration:none;display:flex}[data-theme=dark] .sidebar-logo-text{color:var(--text-inverse)}.sidebar-nav{padding:var(--space)}.sidebar-link{align-items:center;gap:var(--space);padding:var(--space)var(--space);color:var(--sidebar-text-secondary);border-radius:var(--radius);transition:all var(--transition-fast);margin-bottom:var(--space-xs);text-decoration:none;display:flex}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-link.active{background:var(--sidebar-active);color:var(--sidebar-active-text);font-weight:600}.sidebar-link-icon{flex-shrink:0;width:20px;height:20px}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.container-narrow{max-width:800px}.m-0{margin:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-4{margin-top:var(--space)}.mt-6{margin-top:var(--space-lg)}.mt-8{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-4{margin-bottom:var(--space)}.mb-6{margin-bottom:var(--space-lg)}.mb-8{margin-bottom:var(--space-xl)}.p-0{padding:0}.p-4{padding:var(--space)}.p-6{padding:var(--space-lg)}.p-8{padding:var(--space-xl)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-sm)}.gap-4{gap:var(--space)}.gap-6{gap:var(--space-lg)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.border{border:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.tool-article{max-width:800px;margin:var(--space-2xl)auto;padding:var(--space-xl);background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.tool-article>h1:first-child{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space);border-bottom:2px solid var(--border-primary)}.tool-article h2{margin-top:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-primary)}.tool-article h3{margin-top:var(--space-lg);color:var(--text-primary)}.tool-article p{margin-bottom:var(--space)}.tool-article ul,.tool-article ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.tool-article li{margin-bottom:var(--space-sm);color:var(--text-secondary)}.tool-article code:not(pre code){background:var(--bg-secondary);color:var(--interactive-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:.2em .4em;font-size:.9em}.tool-article pre{background:var(--bg-inverse);color:var(--text-inverse);padding:var(--space);border-radius:var(--radius);margin:var(--space-lg)0;overflow-x:auto}.tool-article pre code{color:inherit;background:0 0;padding:0}.tool-article table{border-collapse:collapse;width:100%;margin:var(--space-lg)0;font-size:var(--font-size-sm)}.tool-article th{background:var(--bg-secondary);color:var(--text-primary);text-align:left;padding:var(--space)var(--space);border-bottom:2px solid var(--border-primary);font-weight:600}.tool-article td{padding:var(--space)var(--space);border-bottom:1px solid var(--border-primary);color:var(--text-secondary)}.tool-article tr:hover td{background:var(--bg-tertiary)}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full);border:none}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-secondary)var(--bg-secondary)}@media (max-width:768px){:root{--font-size-4xl:1.875rem;--font-size-3xl:1.5rem;--font-size-2xl:1.25rem;--font-size-xl:1.125rem}.sidebar{border-right:none;border-bottom:1px solid var(--sidebar-border);width:100%;height:auto;display:none;position:static}.sidebar-logo{padding:var(--space)var(--space-lg)}.sidebar-nav{padding:var(--space);gap:var(--space);display:flex;overflow-x:auto}.sidebar-link{white-space:nowrap;margin-bottom:0}.tool-article{margin:var(--space)var(--space);padding:var(--space-lg)}}@media (max-width:480px){.container{padding:0 var(--space)}.btn{padding:var(--space-sm)var(--space);font-size:var(--font-size-xs)}.tool-article{padding:var(--space)}}.fade-in{animation:fadeIn var(--transition-slow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn var(--transition-slow)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar.svelte-1nhzsi7{background:var(--sidebar-bg);border-right:1px solid var(--border-primary);flex-direction:column;height:100%;display:flex;overflow:hidden}.logo.svelte-1nhzsi7{border-bottom:1px solid var(--border-primary);padding:1.5rem}.logo-link.svelte-1nhzsi7{text-decoration:none;display:block}.logo.svelte-1nhzsi7 h2:where(.svelte-1nhzsi7){background:linear-gradient(to right,var(--text-primary),var(--interactive-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.main-nav-buttons.svelte-1nhzsi7{border-bottom:1px solid var(--border-primary);gap:.5rem;padding:1rem 1.5rem .5rem;display:flex}.nav-toggle-btn.svelte-1nhzsi7{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.75rem .5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-toggle-btn.svelte-1nhzsi7:hover{color:var(--text-primary)}.nav-toggle-btn.active.svelte-1nhzsi7{color:var(--interactive-primary);border-bottom-color:var(--interactive-primary)}.scroll-container.svelte-1nhzsi7{flex:1;padding:1rem 1.5rem 1.5rem;overflow-y:auto}.category.svelte-1nhzsi7{margin-bottom:2rem}.category.svelte-1nhzsi7 h3:where(.svelte-1nhzsi7){text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.7;margin-bottom:.75rem;padding-left:.75rem;font-size:.75rem;font-weight:700}nav.svelte-1nhzsi7{flex-direction:column;gap:.25rem;display:flex}.nav-item.svelte-1nhzsi7{color:var(--text-primary);text-align:left;cursor:pointer;cursor:pointer;opacity:.9;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item.svelte-1nhzsi7:hover{background:var(--sidebar-hover);color:var(--text-primary);opacity:1}.nav-item.active.svelte-1nhzsi7{background:var(--sidebar-active);color:var(--sidebar-active-text);opacity:1;font-weight:600}.icon.svelte-1nhzsi7{opacity:.7;font-size:1.2rem}.nav-item.active.svelte-1nhzsi7 .icon:where(.svelte-1nhzsi7){opacity:1}.blog-section.svelte-5g7ad2{max-width:1200px;min-height:60vh;margin:0 auto}.section-header.svelte-5g7ad2{text-align:center;margin-bottom:3rem}.section-header.svelte-5g7ad2 h2:where(.svelte-5g7ad2){background:linear-gradient(to right,var(--heading-color),var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.section-header.svelte-5g7ad2 p:where(.svelte-5g7ad2){color:var(--secondary-color);font-size:1.1rem}.grid.svelte-5g7ad2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.blog-card.svelte-5g7ad2{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;color:inherit;border-radius:1rem;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.blog-card.svelte-5g7ad2:hover{box-shadow:var(--glass-shadow);border-color:var(--primary-color);transform:translateY(-5px)}.card-content.svelte-5g7ad2{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog-card.svelte-5g7ad2 h3:where(.svelte-5g7ad2){color:var(--heading-color);margin-bottom:1rem;font-size:1.2rem;line-height:1.4}.excerpt.svelte-5g7ad2{color:var(--text-color);opacity:.8;flex-grow:1;margin-bottom:1.5rem;font-size:.95rem}.meta.svelte-5g7ad2{color:var(--secondary-color);border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:1rem;font-size:.85rem;display:flex}.read-more.svelte-5g7ad2{color:var(--primary-color);font-weight:600}.post-detail.svelte-5g7ad2{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem;padding:3rem}.back-btn.svelte-5g7ad2{color:var(--secondary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:2rem;padding:0;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.back-btn.svelte-5g7ad2:hover{color:var(--primary-color)}.content.svelte-5g7ad2 h1{color:var(--heading-color);margin-bottom:.5rem;font-size:2.5rem}.content.svelte-5g7ad2 .meta{color:var(--secondary-color);margin-bottom:2rem;font-size:.9rem}.content.svelte-5g7ad2 h2{color:var(--heading-color);margin-top:2.5rem;margin-bottom:1rem;font-size:1.8rem}.content.svelte-5g7ad2 p{color:var(--text-color);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.content.svelte-5g7ad2 ul,.content.svelte-5g7ad2 ol{color:var(--text-color);margin-bottom:1.5rem;padding-left:1.5rem}.content.svelte-5g7ad2 li{margin-bottom:.75rem;line-height:1.6}.content.svelte-5g7ad2 strong{color:var(--heading-color)}.cta-box.svelte-5g7ad2{text-align:center;background:#00a6ff0d;border:1px solid #00a6ff1a;border-radius:1rem;margin-top:4rem;padding:2rem}.cta-box.svelte-5g7ad2 h3:where(.svelte-5g7ad2){color:var(--heading-color);margin-bottom:.5rem;font-size:1.5rem}.cta-box.svelte-5g7ad2 p:where(.svelte-5g7ad2){color:var(--text-color);margin-bottom:1.5rem}.cta-btn.svelte-5g7ad2{background:var(--primary-color);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cta-btn.svelte-5g7ad2:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00a6ff4d}.content.svelte-5g7ad2 .related-tools-box{background:linear-gradient(135deg,#3182ce0d 0%,#63b3ed0d 100%);border:1px solid #3182ce33;border-radius:12px;margin:3rem 0;padding:2rem}.content.svelte-5g7ad2 .related-tools-box h3{color:var(--heading-color);margin-bottom:1.5rem;font-size:1.3rem}.content.svelte-5g7ad2 .related-tools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.content.svelte-5g7ad2 .related-tool-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:1.25rem;text-decoration:none;transition:all .3s;display:block}.content.svelte-5g7ad2 .related-tool-card:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 4px 12px #3182ce33}.content.svelte-5g7ad2 .related-tool-card strong{color:var(--primary-color);margin-bottom:.5rem;font-size:1.05rem;display:block}.content.svelte-5g7ad2 .related-tool-card p{color:var(--text-color);margin:0;font-size:.9rem;line-height:1.5}.content.svelte-5g7ad2 .tip-box{background:linear-gradient(135deg,#ffc1071a 0%,#ff98001a 100%);border-left:4px solid #ffc107;border-radius:6px;margin:1.5rem 0;padding:1.25rem 1.5rem;font-size:.95rem}.content.svelte-5g7ad2 .tip-box strong{color:#f57c00}.content.svelte-5g7ad2 .faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.content.svelte-5g7ad2 .faq-item p:first-child{margin-bottom:.75rem}.content.svelte-5g7ad2 .faq-item p:last-child{margin-bottom:0}.content.svelte-5g7ad2 a{color:var(--primary-color);border-bottom:1px solid #0000;text-decoration:none;transition:all .2s}.content.svelte-5g7ad2 a:hover{border-bottom-color:var(--primary-color)}.content.svelte-5g7ad2 .intro-section{color:var(--text-color);margin-bottom:2rem;font-size:1.1rem;line-height:1.9}@media (max-width:768px){.post-detail.svelte-5g7ad2{padding:1.5rem}.content.svelte-5g7ad2 h1{font-size:1.8rem}.content.svelte-5g7ad2 .related-tools-grid{grid-template-columns:1fr}}.app-header.svelte-sap07h{border-bottom:1px solid var(--border-primary);grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:1.5rem;display:grid}.header-title.svelte-sap07h{flex-shrink:0}.logo-link.svelte-sap07h{text-decoration:none;display:block}.logo-link.svelte-sap07h:hover .main-heading:where(.svelte-sap07h){opacity:.9}.main-heading.svelte-sap07h{color:var(--text-primary);background:linear-gradient(to right,var(--text-primary),var(--interactive-primary));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.subtitle.svelte-sap07h{color:var(--text-secondary);white-space:nowrap;margin-top:0;font-size:.85rem}.search-container.svelte-sap07h{justify-self:center;width:100%;max-width:500px;position:relative}.search-box.svelte-sap07h{align-items:center;display:flex;position:relative}.search-icon.svelte-sap07h{color:var(--text-secondary);pointer-events:none;position:absolute;left:14px}.search-input.svelte-sap07h{border:2px solid var(--border-primary);background:var(--surface-base);width:100%;color:var(--text-primary);border-radius:50px;padding:.7rem 2.5rem .7rem 2.75rem;font-size:.9rem;transition:all .2s}.search-input.svelte-sap07h:focus{border-color:var(--interactive-primary);outline:none;box-shadow:0 0 0 3px #3182ce1a}.search-input.svelte-sap07h::placeholder{color:var(--text-secondary);opacity:.6}.clear-btn.svelte-sap07h{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:12px}.clear-btn.svelte-sap07h:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-results.svelte-sap07h{background:var(--surface-base);border:1px solid var(--border-primary);z-index:100;border-radius:12px;max-height:400px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.result-item.svelte-sap07h{cursor:pointer;border:none;border-bottom:1px solid var(--border-primary);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:.875rem 1rem;text-decoration:none;transition:all .2s;display:flex}.result-item.svelte-sap07h:last-child{border-bottom:none}.result-item.svelte-sap07h:hover{background:var(--bg-secondary)}.result-content.svelte-sap07h{flex:1}.result-name.svelte-sap07h{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.result-category.svelte-sap07h{color:var(--text-secondary);font-size:.8rem}.arrow-icon.svelte-sap07h{color:var(--text-secondary);flex-shrink:0}.header-actions.svelte-sap07h{align-items:center;gap:1.5rem;display:flex}.nav-tab.svelte-sap07h{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-tab.svelte-sap07h:hover{color:var(--text-primary)}.nav-tab.active.svelte-sap07h{color:var(--interactive-primary);border-bottom-color:var(--interactive-primary)}.icon.svelte-sap07h{font-family:Material Icons;font-size:1.2em}@media (max-width:1024px){.app-header.svelte-sap07h{grid-template-columns:1fr;gap:1.25rem}.header-title.svelte-sap07h{text-align:center}.main-heading.svelte-sap07h{font-size:1.5rem}.subtitle.svelte-sap07h{font-size:.8rem}.search-container.svelte-sap07h{max-width:100%}.header-actions.svelte-sap07h{border-top:1px solid var(--border-primary);justify-content:center;justify-self:center;width:100%;padding-top:1rem}}@media (max-width:768px){.app-header.svelte-sap07h{gap:1rem}.main-heading.svelte-sap07h{font-size:1.35rem}.subtitle.svelte-sap07h{font-size:.75rem}.search-input.svelte-sap07h{padding:.65rem 2.5rem;font-size:.85rem}.header-actions.svelte-sap07h{gap:1rem}.nav-tab.svelte-sap07h{padding:.4rem .6rem;font-size:.85rem}.icon.svelte-sap07h{font-size:1.1em}}@media (max-width:480px){.main-heading.svelte-sap07h{font-size:1.2rem}.subtitle.svelte-sap07h,.nav-tab.svelte-sap07h span:where(.svelte-sap07h):not(.icon){display:none}.header-actions.svelte-sap07h{gap:1.5rem}}.tools-dashboard.svelte-1kh53fy{max-width:1200px;margin:0 auto}.dashboard-header.svelte-1kh53fy{text-align:center;border-bottom:1px solid var(--border-primary);margin-bottom:3rem;padding-bottom:2rem}.dashboard-header.svelte-1kh53fy h1:where(.svelte-1kh53fy){background:linear-gradient(135deg,var(--text-primary),var(--interactive-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem}.category-section.svelte-1kh53fy{margin-bottom:4rem}.category-section.svelte-1kh53fy h2:where(.svelte-1kh53fy){color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.category-section.svelte-1kh53fy h2:where(.svelte-1kh53fy):before{content:"";background:var(--interactive-primary);border-radius:2px;width:4px;height:24px;display:block}.tools-grid.svelte-1kh53fy{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.tool-card.svelte-1kh53fy{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:left;cursor:pointer;height:100%;color:inherit;align-items:flex-start;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.tool-card.svelte-1kh53fy:hover{box-shadow:var(--shadow-md);border-color:var(--interactive-primary);transform:translateY(-4px)}.icon-wrapper.svelte-1kh53fy{background:var(--bg-secondary);width:48px;height:48px;color:var(--interactive-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-info.svelte-1kh53fy h3:where(.svelte-1kh53fy){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.tool-info.svelte-1kh53fy p:where(.svelte-1kh53fy){color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.related-tools-section.svelte-1wxwrzt{background:#f8fbff;border:1px solid #e1e8f0;border-radius:16px;max-width:1000px;margin:4rem auto;padding:2.5rem}.related-title.svelte-1wxwrzt{color:#1e293b;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:1.75rem;font-weight:800;display:flex}.related-title.svelte-1wxwrzt .material-icons:where(.svelte-1wxwrzt){color:#334155;font-size:2rem}.section-description.svelte-1wxwrzt{text-align:center;color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1rem}.related-tools-grid.svelte-1wxwrzt{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.related-tool-card.svelte-1wxwrzt{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.related-tool-card.svelte-1wxwrzt:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 10px 20px #3b82f61a}.tool-icon.svelte-1wxwrzt{color:#3b82f6;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.tool-info.svelte-1wxwrzt strong:where(.svelte-1wxwrzt){color:#1e293b;margin-bottom:.25rem;font-size:1rem;font-weight:700;display:block}.tool-info.svelte-1wxwrzt p:where(.svelte-1wxwrzt){color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.arrow-icon.svelte-1wxwrzt{color:#cbd5e1;font-size:1.2rem;position:absolute;bottom:1.5rem;right:1.5rem}.explore-more.svelte-1wxwrzt{text-align:center;border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.blog-link.svelte-1wxwrzt{color:#3b82f6;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}@media (max-width:900px){.related-tools-grid.svelte-1wxwrzt{grid-template-columns:1fr}}.error-boundary.svelte-15v71n{color:#c00;text-align:center;background:#fff5f5;border:2px solid #f44;border-radius:8px;margin:2rem;padding:2rem}button.svelte-15v71n{color:#fff;cursor:pointer;background:#c00;border:none;border-radius:4px;margin-top:1rem;padding:.5rem 1rem}button.svelte-15v71n:hover{background:#a00}.container.svelte-s50euw{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stats-bar.svelte-s50euw{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;justify-content:center;gap:3rem;margin-bottom:2.5rem;padding:1rem 2rem;display:flex}.stat.svelte-s50euw{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-label.svelte-s50euw{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.stat-value.svelte-s50euw{color:var(--text-primary);font-size:1.25rem;font-weight:700}.status-ready.svelte-s50euw{color:var(--success)}.tool-main.svelte-s50euw{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-s50euw{grid-template-columns:1fr 1fr}}.input-section.svelte-s50euw,.output-section.svelte-s50euw{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-s50euw{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-s50euw .label-text:where(.svelte-s50euw){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-count.svelte-s50euw,.output-count.svelte-s50euw{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.textarea-input.svelte-s50euw,.textarea-output.svelte-s50euw{background:var(--surface-base);border:2px solid var(--border-primary);width:100%;min-height:400px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:12px;padding:1.5rem;font-size:.95rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-s50euw:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.textarea-output.svelte-s50euw{background:var(--bg-secondary);border-color:var(--border-primary)}.controls.svelte-s50euw,.output-actions.svelte-s50euw{flex-wrap:wrap;gap:1rem;display:flex}button.svelte-s50euw{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-sort.svelte-s50euw{flex:1;min-width:140px}.btn-asc.svelte-s50euw{background:var(--interactive-primary);color:#fff}.btn-asc.svelte-s50euw:hover{background:var(--interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-desc.svelte-s50euw{background:var(--surface-base);border:2px solid var(--interactive-primary);color:var(--interactive-primary)}.btn-desc.svelte-s50euw:hover{background:var(--bg-secondary);transform:translateY(-1px)}.btn-action.svelte-s50euw{background:var(--surface-base);border:1px solid var(--border-secondary);color:var(--text-secondary)}.btn-action.svelte-s50euw:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-secondary)}.btn-primary.svelte-s50euw{background:var(--success);color:#fff;flex:1}.btn-primary.svelte-s50euw:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-md);transform:translateY(-1px)}button.svelte-s50euw:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.quick-actions.svelte-s50euw{border-top:1px solid var(--border-primary);justify-content:center;margin-top:2rem;padding-top:2rem;display:flex}.btn-clear.svelte-s50euw{color:var(--text-tertiary);background:0 0;padding:.5rem 1rem;font-size:.9rem}.btn-clear.svelte-s50euw:hover{color:var(--error);background:#ef44441a;border-radius:6px}.notification.svelte-s50euw{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-s50euw-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-s50euw-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-s50euw{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-s50euw{margin-bottom:3rem}.article-section.svelte-s50euw h2:where(.svelte-s50euw){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-s50euw p:where(.svelte-s50euw){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-s50euw{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-s50euw{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-s50euw{margin-bottom:1rem;font-size:2rem}.feature.svelte-s50euw h3:where(.svelte-s50euw){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-s50euw{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-s50euw{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-s50euw{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-s50euw h3:where(.svelte-s50euw){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-s50euw{margin-top:1.5rem}.faq-category.svelte-s50euw{margin-bottom:2rem}.faq-category.svelte-s50euw h3:where(.svelte-s50euw){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-s50euw{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-s50euw h4:where(.svelte-s50euw){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.best-practices.svelte-s50euw{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-s50euw{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-s50euw h3:where(.svelte-s50euw){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-s50euw{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-s50euw h2:where(.svelte-s50euw){color:#fff;border-bottom:none}.cta-section.svelte-s50euw p:where(.svelte-s50euw){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-s50euw{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-s50euw{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-s50euw:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-s50euw{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-s50euw,.article-container.svelte-s50euw{padding:1rem}.tool-main.svelte-s50euw{grid-template-columns:1fr}.stats-bar.svelte-s50euw{flex-direction:column;gap:1.5rem}.features-grid.svelte-s50euw,.best-practices.svelte-s50euw{grid-template-columns:1fr}.step.svelte-s50euw{text-align:center;flex-direction:column}}.sr-only.svelte-s50euw{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container.svelte-18sdq1z{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-18sdq1z{text-align:center;margin-bottom:3rem}.header.svelte-18sdq1z h1:where(.svelte-18sdq1z){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-18sdq1z p:where(.svelte-18sdq1z){color:#64748b;font-size:1.1rem}.tool-main.svelte-18sdq1z{grid-template-columns:1fr 320px;gap:2rem;margin-bottom:3rem;display:grid}.editor-section.svelte-18sdq1z{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-18sdq1z{justify-content:space-between;align-items:center;display:flex}.label-text.svelte-18sdq1z{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.input-actions.svelte-18sdq1z{gap:.5rem;display:flex}.btn-action.svelte-18sdq1z{color:#4b5563;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-action.svelte-18sdq1z:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-action.svelte-18sdq1z:disabled{opacity:.5;cursor:not-allowed}.textarea-input.svelte-18sdq1z{resize:none;background:#f9fafb;border:1px solid #dee2e6;border-radius:12px;outline:none;width:100%;height:500px;padding:1.5rem;font-family:inherit;font-size:1.1rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-18sdq1z:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.stats-sidebar.svelte-18sdq1z{flex-direction:column;gap:1.5rem;display:flex}.stats-header.svelte-18sdq1z{justify-content:space-between;align-items:center;display:flex}.stats-header.svelte-18sdq1z h2:where(.svelte-18sdq1z){color:#1e293b;font-size:1.25rem;font-weight:700}.live-badge.svelte-18sdq1z{color:#2563eb;text-transform:uppercase;background:#eff6ff;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:700}.stats-grid.svelte-18sdq1z{grid-template-columns:1fr;gap:1rem;display:grid}.stat-card.svelte-18sdq1z{text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1.25rem;box-shadow:0 2px 4px #00000005}.stat-card.primary.svelte-18sdq1z{background:#eff6ff;border-color:#bfdbfe}.stat-value.svelte-18sdq1z{color:#2563eb;font-size:1.75rem;font-weight:800}.stat-label.svelte-18sdq1z{color:#64748b;margin-top:.25rem;font-size:.85rem;font-weight:600}.notification.svelte-18sdq1z{color:#fff;z-index:1000;background:#10b981;border-radius:8px;padding:1rem 1.5rem;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #0000001a}.article-container.svelte-18sdq1z{margin-top:4rem}.article-section.svelte-18sdq1z{margin-bottom:4rem}.article-section.svelte-18sdq1z h2:where(.svelte-18sdq1z){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-18sdq1z p:where(.svelte-18sdq1z){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-18sdq1z{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-18sdq1z:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-18sdq1z{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-18sdq1z{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-18sdq1z{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-18sdq1z h3:where(.svelte-18sdq1z){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-18sdq1z p:where(.svelte-18sdq1z){margin-bottom:0;font-size:1rem}.simple-grid.svelte-18sdq1z{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-18sdq1z{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-18sdq1z h3:where(.svelte-18sdq1z){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-18sdq1z{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-18sdq1z{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-18sdq1z h3:where(.svelte-18sdq1z){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-18sdq1z{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-18sdq1z ul:where(.svelte-18sdq1z){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-18sdq1z li:where(.svelte-18sdq1z){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-18sdq1z li:where(.svelte-18sdq1z):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-18sdq1z{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-18sdq1z{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-18sdq1z h3:where(.svelte-18sdq1z){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-18sdq1z{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-18sdq1z{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-18sdq1z h3:where(.svelte-18sdq1z){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-18sdq1z{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-18sdq1z h2:where(.svelte-18sdq1z){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-18sdq1z p:where(.svelte-18sdq1z){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-18sdq1z{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-18sdq1z:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.tool-main.svelte-18sdq1z{grid-template-columns:1fr}.stats-grid.svelte-18sdq1z{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-grid.svelte-18sdq1z{grid-template-columns:repeat(2,1fr)}.simple-steps.svelte-18sdq1z,.use-cases-grid.svelte-18sdq1z,.alternatives-grid.svelte-18sdq1z,.tips-card.svelte-18sdq1z ul:where(.svelte-18sdq1z){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-18sdq1z{padding:1rem}.header.svelte-18sdq1z h1:where(.svelte-18sdq1z){font-size:2rem}.article-section.svelte-18sdq1z h2:where(.svelte-18sdq1z){font-size:1.75rem}.stats-grid.svelte-18sdq1z{grid-template-columns:1fr}}.container.svelte-3e2oa1{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-3e2oa1{grid-template-columns:1fr;gap:2.5rem;max-width:900px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:grid}@media (min-width:768px){.tool-main.svelte-3e2oa1{grid-template-columns:1.5fr 1fr;align-items:start}}.result-section.svelte-3e2oa1,.config-section.svelte-3e2oa1{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-3e2oa1{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-3e2oa1 .label-text:where(.svelte-3e2oa1){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.result-display.svelte-3e2oa1{background:var(--surface-base);border:2px solid var(--interactive-primary);font-family:var(--font-mono);color:var(--text-primary);text-align:center;word-break:break-all;min-height:100px;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;padding:2rem;font-size:1.5rem;font-weight:700;display:flex}.placeholder.svelte-3e2oa1{color:var(--text-tertiary);font-size:1rem;font-weight:500}.config-section.svelte-3e2oa1{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.setting-group.svelte-3e2oa1{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.length-header.svelte-3e2oa1{justify-content:space-between;align-items:center;display:flex}.length-header.svelte-3e2oa1 .label:where(.svelte-3e2oa1){color:var(--text-secondary);font-weight:600}.length-header.svelte-3e2oa1 .value:where(.svelte-3e2oa1){color:var(--interactive-primary);font-size:1.2rem;font-weight:700}.range-slider.svelte-3e2oa1{width:100%;accent-color:var(--interactive-primary);cursor:pointer;border-radius:3px;height:6px}.checkbox-grid.svelte-3e2oa1{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.checkbox-label.svelte-3e2oa1{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;font-weight:500;display:flex}input[type=checkbox].svelte-3e2oa1{width:1.2em;height:1.2em;accent-color:var(--interactive-primary)}button.svelte-3e2oa1{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-3e2oa1{background:var(--interactive-primary);color:#fff;width:100%}.btn-primary.svelte-3e2oa1:hover:not(:disabled){background:var(--interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary.svelte-3e2oa1{background:var(--surface-base);border:1px solid var(--border-secondary);color:var(--text-secondary);width:100%}.btn-secondary.svelte-3e2oa1:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-strong)}button.svelte-3e2oa1:disabled{opacity:.6;cursor:not-allowed}.notification.svelte-3e2oa1{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-3e2oa1-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-3e2oa1-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-3e2oa1{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-3e2oa1{margin-bottom:3rem}.article-section.svelte-3e2oa1 h2:where(.svelte-3e2oa1){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-3e2oa1 p:where(.svelte-3e2oa1){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-3e2oa1{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-3e2oa1{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-3e2oa1{margin-bottom:1rem;font-size:2rem}.feature.svelte-3e2oa1 h3:where(.svelte-3e2oa1){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-3e2oa1{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-3e2oa1{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-3e2oa1{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-3e2oa1 h3:where(.svelte-3e2oa1){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-3e2oa1{margin-top:1.5rem}.faq-category.svelte-3e2oa1{margin-bottom:2rem}.faq-category.svelte-3e2oa1 h3:where(.svelte-3e2oa1){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-3e2oa1{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-3e2oa1 h4:where(.svelte-3e2oa1){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.best-practices.svelte-3e2oa1{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-3e2oa1{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-3e2oa1 h3:where(.svelte-3e2oa1){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-3e2oa1{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-3e2oa1 h2:where(.svelte-3e2oa1){color:#fff;border-bottom:none}.cta-section.svelte-3e2oa1 p:where(.svelte-3e2oa1){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-3e2oa1{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-3e2oa1{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-3e2oa1:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-3e2oa1{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-3e2oa1,.article-container.svelte-3e2oa1{padding:1rem}.tool-main.svelte-3e2oa1,.features-grid.svelte-3e2oa1,.best-practices.svelte-3e2oa1{grid-template-columns:1fr}.step.svelte-3e2oa1{text-align:center;flex-direction:column}}.container.svelte-1vomz7b{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.competitors-list.svelte-1vomz7b{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.competitor-item.svelte-1vomz7b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.competitor-item.svelte-1vomz7b h3:where(.svelte-1vomz7b){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.competitor-item.svelte-1vomz7b p:where(.svelte-1vomz7b){color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.text-area-container.svelte-1vomz7b{margin-bottom:1.5rem}.main-textarea.svelte-1vomz7b{resize:vertical;border:2px solid #e2e8f0;border-radius:8px;width:100%;min-height:150px;padding:1.25rem;font-family:inherit;font-size:1rem;line-height:1.6;transition:border-color .2s}.main-textarea.svelte-1vomz7b:focus{border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e11a}.main-textarea.svelte-1vomz7b::placeholder{color:#a0aec0}.case-buttons-row.svelte-1vomz7b{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.case-buttons-row.svelte-1vomz7b button:where(.svelte-1vomz7b){cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;min-width:120px;max-width:150px;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s}.case-buttons-row.svelte-1vomz7b button:where(.svelte-1vomz7b):hover{background:#f7fafc;border-color:#4299e1}.case-buttons-row.svelte-1vomz7b button.active:where(.svelte-1vomz7b){color:#fff;background:#4299e1;border-color:#4299e1;font-weight:600}.action-buttons.svelte-1vomz7b{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.action-btn.svelte-1vomz7b{cursor:pointer;border:none;border-radius:6px;min-width:140px;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.download-btn.svelte-1vomz7b{color:#fff;background:#38b2ac}.download-btn.svelte-1vomz7b:hover:not(:disabled){background:#319795;transform:translateY(-1px)}.copy-btn.svelte-1vomz7b{color:#fff;background:#4299e1}.copy-btn.svelte-1vomz7b:hover:not(:disabled){background:#3182ce;transform:translateY(-1px)}.clear-btn.svelte-1vomz7b{color:#fff;background:#fc8181}.clear-btn.svelte-1vomz7b:hover:not(:disabled){background:#f56565;transform:translateY(-1px)}.action-btn.svelte-1vomz7b:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.stats-container.svelte-1vomz7b{margin-bottom:2rem}.stats-grid.svelte-1vomz7b{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;display:grid}.stat-item.svelte-1vomz7b{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-label.svelte-1vomz7b{color:var(--text-tertiary);margin-bottom:.25rem;font-size:.9rem;font-weight:500}.stat-value.svelte-1vomz7b{color:var(--text-primary);font-size:1.5rem;font-weight:700}.notification.svelte-1vomz7b{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-1vomz7b-slideIn;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-1vomz7b-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.preview-section.svelte-1vomz7b{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;margin-top:2rem;padding:1.5rem}.preview-header.svelte-1vomz7b{margin-bottom:1rem}.preview-header.svelte-1vomz7b h3:where(.svelte-1vomz7b){color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.preview-content.svelte-1vomz7b{background:var(--surface-base);border:1px solid var(--border-primary);font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;border-radius:6px;max-height:300px;padding:1.25rem;font-size:.95rem;line-height:1.6;overflow-y:auto}.article-container.svelte-1vomz7b{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1vomz7b{margin-bottom:3rem}.article-section.svelte-1vomz7b h2:where(.svelte-1vomz7b){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-1vomz7b p:where(.svelte-1vomz7b){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.case-descriptions.svelte-1vomz7b{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.case-card.svelte-1vomz7b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;transition:transform .2s}.case-card.svelte-1vomz7b:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.case-card.svelte-1vomz7b h3:where(.svelte-1vomz7b){color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.25rem;display:flex}.case-card.svelte-1vomz7b p:where(.svelte-1vomz7b){color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.case-card.svelte-1vomz7b .example:where(.svelte-1vomz7b){background:var(--bg-secondary);border:1px solid var(--border-primary);font-family:var(--font-mono);color:var(--text-primary);border-radius:4px;padding:.75rem;font-size:.9rem}.use-cases-grid.svelte-1vomz7b{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.use-case.svelte-1vomz7b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.use-case.svelte-1vomz7b h3:where(.svelte-1vomz7b){color:var(--interactive-primary);margin-bottom:1rem;font-size:1.1rem}.use-case.svelte-1vomz7b ul:where(.svelte-1vomz7b){margin:0;padding:0;list-style:none}.use-case.svelte-1vomz7b li:where(.svelte-1vomz7b){color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.5rem;line-height:1.6;position:relative}.use-case.svelte-1vomz7b li:where(.svelte-1vomz7b):before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.features-grid.svelte-1vomz7b{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1vomz7b{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-1vomz7b{margin-bottom:1rem;font-size:2rem}.feature.svelte-1vomz7b h3:where(.svelte-1vomz7b){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.feature.svelte-1vomz7b p:where(.svelte-1vomz7b){color:var(--text-secondary);font-size:.95rem;line-height:1.6}.steps-container.svelte-1vomz7b{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1vomz7b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-1vomz7b{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-1vomz7b h3:where(.svelte-1vomz7b){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.step-content.svelte-1vomz7b p:where(.svelte-1vomz7b){color:var(--text-secondary);font-size:.95rem;line-height:1.6}.faq-container.svelte-1vomz7b{margin-top:1.5rem}.faq-category.svelte-1vomz7b{margin-bottom:2rem}.faq-category.svelte-1vomz7b h3:where(.svelte-1vomz7b){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1vomz7b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1vomz7b h4:where(.svelte-1vomz7b){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.faq-item.svelte-1vomz7b p:where(.svelte-1vomz7b){color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.best-practices.svelte-1vomz7b{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-1vomz7b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-1vomz7b h3:where(.svelte-1vomz7b){color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;display:flex}.practice.svelte-1vomz7b p:where(.svelte-1vomz7b){color:var(--text-secondary);font-size:.95rem;line-height:1.6}.cta-section.svelte-1vomz7b{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-1vomz7b h2:where(.svelte-1vomz7b){color:#fff;border-bottom:none}.cta-section.svelte-1vomz7b p:where(.svelte-1vomz7b){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1vomz7b{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1vomz7b{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-1vomz7b:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1vomz7b{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1vomz7b,.article-container.svelte-1vomz7b{padding:1rem}.case-buttons-row.svelte-1vomz7b{flex-direction:column;align-items:center}.case-buttons-row.svelte-1vomz7b button:where(.svelte-1vomz7b){width:100%;max-width:100%}.action-buttons.svelte-1vomz7b{flex-direction:column;align-items:stretch}.action-btn.svelte-1vomz7b{width:100%}.stats-grid.svelte-1vomz7b{grid-template-columns:repeat(2,1fr)}.notification.svelte-1vomz7b{bottom:1rem;left:1rem;right:1rem}.article-section.svelte-1vomz7b h2:where(.svelte-1vomz7b){font-size:1.5rem}.case-descriptions.svelte-1vomz7b,.use-cases-grid.svelte-1vomz7b,.features-grid.svelte-1vomz7b,.best-practices.svelte-1vomz7b{grid-template-columns:1fr}.step.svelte-1vomz7b{text-align:center;flex-direction:column}.cta-section.svelte-1vomz7b{padding:2rem 1rem}}@media (max-width:480px){.stats-grid.svelte-1vomz7b{grid-template-columns:1fr}.article-section.svelte-1vomz7b{margin-bottom:2rem}}.sr-only.svelte-1vomz7b{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container.svelte-1rrr4fi{max-width:1200px;font-family:var(--font-family);margin:0 auto;padding:2rem}.tool-header.svelte-1rrr4fi{text-align:center;margin-bottom:3rem}.tool-header.svelte-1rrr4fi h1:where(.svelte-1rrr4fi){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.tool-header.svelte-1rrr4fi p:where(.svelte-1rrr4fi){color:var(--text-secondary);font-size:1.1rem}.tool-main.svelte-1rrr4fi{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-1rrr4fi{grid-template-columns:1fr 1fr}}.input-section.svelte-1rrr4fi,.output-section.svelte-1rrr4fi{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-1rrr4fi{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-1rrr4fi .label-text:where(.svelte-1rrr4fi){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-actions.svelte-1rrr4fi{gap:.5rem;display:flex}.btn-sm.svelte-1rrr4fi{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.btn-sm.svelte-1rrr4fi:hover{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-strong)}.textarea-input.svelte-1rrr4fi,.textarea-output.svelte-1rrr4fi{background:var(--surface-base);border:2px solid var(--border-primary);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:2px;padding:1.5rem;font-size:.95rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-1rrr4fi:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.textarea-output.svelte-1rrr4fi{background:var(--bg-secondary);border-color:var(--border-primary);min-height:400px}.controls-panel.svelte-1rrr4fi{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.control-group.svelte-1rrr4fi{flex-direction:column;gap:.5rem;display:flex}.control-header.svelte-1rrr4fi{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.toggles.svelte-1rrr4fi{gap:1rem;display:flex}.control-group.svelte-1rrr4fi label:where(.svelte-1rrr4fi){color:var(--text-secondary);font-size:.95rem;font-weight:600}.checkbox-label.svelte-1rrr4fi{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-weight:500;display:flex}input[type=checkbox].svelte-1rrr4fi{width:1.1em;height:1.1em;accent-color:var(--interactive-primary)}.text-input.svelte-1rrr4fi{border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);background:#fff;border-radius:2px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.text-input.svelte-1rrr4fi:focus{border-color:var(--interactive-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-input.svelte-1rrr4fi{font-family:var(--font-mono)}.search-input.error.svelte-1rrr4fi{border-color:var(--error)}.error-text.svelte-1rrr4fi{color:var(--error);margin-top:.25rem;font-size:.85rem}button.svelte-1rrr4fi{cursor:pointer;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-1rrr4fi{background:var(--interactive-primary);color:#fff}.btn-primary.svelte-1rrr4fi:hover:not(:disabled){background:var(--interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary.svelte-1rrr4fi:disabled{opacity:.6;cursor:not-allowed}.output-actions.svelte-1rrr4fi{justify-content:flex-end;display:flex}.btn-copy.svelte-1rrr4fi{background:var(--success);width:100%}.notification.svelte-1rrr4fi{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:2px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-1rrr4fi-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-1rrr4fi-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-1rrr4fi{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1rrr4fi{margin-bottom:3rem}.article-section.svelte-1rrr4fi h2:where(.svelte-1rrr4fi){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-1rrr4fi p:where(.svelte-1rrr4fi){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1rrr4fi{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1rrr4fi{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;padding:2rem 1.5rem}.feature-icon.svelte-1rrr4fi{margin-bottom:1rem;font-size:2rem}.feature.svelte-1rrr4fi h3:where(.svelte-1rrr4fi){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-1rrr4fi{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1rrr4fi{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-1rrr4fi{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-1rrr4fi h3:where(.svelte-1rrr4fi){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1rrr4fi{margin-top:1.5rem}.faq-category.svelte-1rrr4fi{margin-bottom:2rem}.faq-category.svelte-1rrr4fi h3:where(.svelte-1rrr4fi){color:var(--interactive-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1rrr4fi{margin-bottom:1.5rem}.faq-item.svelte-1rrr4fi h4:where(.svelte-1rrr4fi){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.best-practices.svelte-1rrr4fi{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.practice.svelte-1rrr4fi{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;padding:1.5rem}.practice.svelte-1rrr4fi h3:where(.svelte-1rrr4fi){color:var(--text-primary);margin-bottom:.75rem;font-size:1.2rem}.cta-section.svelte-1rrr4fi{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;padding:3rem}.cta-buttons.svelte-1rrr4fi{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.cta-btn.svelte-1rrr4fi{background:var(--interactive-primary);color:#fff;border-radius:2px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.cta-btn.svelte-1rrr4fi:hover{background:var(--interactive-primary-hover);transform:translateY(-2px)}.cta-note.svelte-1rrr4fi{color:var(--text-secondary);font-size:.9rem}.container.svelte-u53wjo{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stats-bar.svelte-u53wjo{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;justify-content:center;gap:3rem;margin-bottom:2.5rem;padding:1rem 2rem;display:flex}.stat.svelte-u53wjo{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-label.svelte-u53wjo{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.stat-value.svelte-u53wjo{color:var(--text-primary);font-size:1.25rem;font-weight:700}.status-removed.svelte-u53wjo{color:var(--error)}.tool-main.svelte-u53wjo{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-u53wjo{grid-template-columns:1fr 1fr}}.input-section.svelte-u53wjo,.output-section.svelte-u53wjo{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-u53wjo{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-u53wjo label:where(.svelte-u53wjo){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-actions.svelte-u53wjo{gap:.5rem;display:flex}.btn-sm.svelte-u53wjo{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.btn-sm.svelte-u53wjo:hover{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-strong)}.output-count.svelte-u53wjo{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.textarea-input.svelte-u53wjo,.textarea-output.svelte-u53wjo{background:var(--surface-base);border:2px solid var(--border-primary);width:100%;min-height:400px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:12px;padding:1.5rem;font-size:.95rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-u53wjo:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.textarea-output.svelte-u53wjo{background:var(--bg-secondary);border-color:var(--border-primary)}.controls.svelte-u53wjo{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.checkbox-label.svelte-u53wjo{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-weight:500;display:flex}input[type=checkbox].svelte-u53wjo{width:1.2em;height:1.2em;accent-color:var(--interactive-primary)}button.svelte-u53wjo{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-u53wjo{background:var(--interactive-primary);color:#fff}.btn-primary.svelte-u53wjo:hover:not(:disabled){background:var(--interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary.svelte-u53wjo:disabled{opacity:.6;cursor:not-allowed}.output-actions.svelte-u53wjo{justify-content:flex-end;display:flex}.btn-copy.svelte-u53wjo{background:var(--success);width:100%}.notification.svelte-u53wjo{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-u53wjo-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-u53wjo-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-u53wjo{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-u53wjo{margin-bottom:3rem}.article-section.svelte-u53wjo h2:where(.svelte-u53wjo){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-u53wjo p:where(.svelte-u53wjo){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-u53wjo{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-u53wjo{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-u53wjo{margin-bottom:1rem;font-size:2rem}.feature.svelte-u53wjo h3:where(.svelte-u53wjo){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-u53wjo{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-u53wjo{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-u53wjo{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-u53wjo h3:where(.svelte-u53wjo){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-u53wjo{margin-top:1.5rem}.faq-category.svelte-u53wjo{margin-bottom:2rem}.faq-category.svelte-u53wjo h3:where(.svelte-u53wjo){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-u53wjo{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-u53wjo h4:where(.svelte-u53wjo){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.best-practices.svelte-u53wjo{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-u53wjo{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-u53wjo h3:where(.svelte-u53wjo){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-u53wjo{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-u53wjo h2:where(.svelte-u53wjo){color:#fff;border-bottom:none}.cta-section.svelte-u53wjo p:where(.svelte-u53wjo){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-u53wjo{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-u53wjo{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-u53wjo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-u53wjo{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-u53wjo,.article-container.svelte-u53wjo{padding:1rem}.tool-main.svelte-u53wjo{grid-template-columns:1fr}.stats-bar.svelte-u53wjo{flex-direction:column;gap:1.5rem}.features-grid.svelte-u53wjo,.best-practices.svelte-u53wjo{grid-template-columns:1fr}.step.svelte-u53wjo{text-align:center;flex-direction:column}}.container.svelte-1o7qn58{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-1o7qn58{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-1o7qn58{grid-template-columns:1fr 1fr}}.input-section.svelte-1o7qn58,.output-section.svelte-1o7qn58{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-1o7qn58{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-1o7qn58 .label-text:where(.svelte-1o7qn58){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.file-size.svelte-1o7qn58{color:var(--text-tertiary);font-size:.85rem;font-weight:500}.input-actions.svelte-1o7qn58{gap:.5rem;display:flex}.btn-sm.svelte-1o7qn58{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.btn-sm.svelte-1o7qn58:hover{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-strong)}.textarea-input.svelte-1o7qn58,.textarea-output.svelte-1o7qn58{background:var(--surface-base);border:2px solid var(--border-primary);width:100%;min-height:400px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:12px;padding:1.5rem;font-size:.95rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-1o7qn58:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.textarea-output.svelte-1o7qn58{background:var(--bg-secondary);border-color:var(--border-primary)}.controls.svelte-1o7qn58{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.control-group.svelte-1o7qn58{flex-direction:column;gap:.75rem;display:flex}.control-label.svelte-1o7qn58{color:var(--text-primary);font-size:.95rem;font-weight:600}.radio-group.svelte-1o7qn58{flex-wrap:wrap;gap:1.5rem;display:flex}.radio-label.svelte-1o7qn58,.checkbox-label.svelte-1o7qn58{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.95rem;display:flex}input[type=radio].svelte-1o7qn58,input[type=checkbox].svelte-1o7qn58{width:1.1em;height:1.1em;accent-color:var(--interactive-primary)}button.svelte-1o7qn58{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-1o7qn58{background:var(--interactive-primary);color:#fff}.btn-primary.svelte-1o7qn58:hover:not(:disabled){background:var(--interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary.svelte-1o7qn58:disabled{opacity:.6;cursor:not-allowed}.output-actions.svelte-1o7qn58{justify-content:flex-end;display:flex}.btn-copy.svelte-1o7qn58{background:var(--success);width:100%}.notification.svelte-1o7qn58{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-1o7qn58-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-1o7qn58-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-1o7qn58{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1o7qn58{margin-bottom:3rem}.article-section.svelte-1o7qn58 h2:where(.svelte-1o7qn58){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-1o7qn58 p:where(.svelte-1o7qn58){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1o7qn58{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1o7qn58{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-1o7qn58{margin-bottom:1rem;font-size:2rem}.feature.svelte-1o7qn58 h3:where(.svelte-1o7qn58){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-1o7qn58{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1o7qn58{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-1o7qn58{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-1o7qn58 h3:where(.svelte-1o7qn58){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1o7qn58{margin-top:1.5rem}.faq-category.svelte-1o7qn58{margin-bottom:2rem}.faq-category.svelte-1o7qn58 h3:where(.svelte-1o7qn58){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1o7qn58{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1o7qn58 h4:where(.svelte-1o7qn58){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.best-practices.svelte-1o7qn58{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-1o7qn58{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-1o7qn58 h3:where(.svelte-1o7qn58){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1o7qn58{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-1o7qn58 h2:where(.svelte-1o7qn58){color:#fff;border-bottom:none}.cta-section.svelte-1o7qn58 p:where(.svelte-1o7qn58){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1o7qn58{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1o7qn58{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-1o7qn58:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1o7qn58{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1o7qn58,.article-container.svelte-1o7qn58{padding:1rem}.tool-main.svelte-1o7qn58,.features-grid.svelte-1o7qn58,.best-practices.svelte-1o7qn58{grid-template-columns:1fr}.step.svelte-1o7qn58{text-align:center;flex-direction:column}}.sr-only.svelte-1o7qn58{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container.svelte-cyknzg{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-cyknzg{grid-template-columns:1fr;gap:2.5rem;max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:grid}.input-section.svelte-cyknzg,.output-section.svelte-cyknzg{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-cyknzg{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-cyknzg .label-text:where(.svelte-cyknzg){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-actions.svelte-cyknzg{gap:.5rem;display:flex}.btn-sm.svelte-cyknzg{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.btn-sm.svelte-cyknzg:hover{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-strong)}.textarea-input.svelte-cyknzg{background:var(--surface-base);border:2px solid var(--border-primary);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:12px;padding:1.5rem;font-size:1rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-cyknzg:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.hash-wrapper.svelte-cyknzg{gap:0;display:flex}.hash-input.svelte-cyknzg{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--interactive-primary);font-family:var(--font-mono);border-right:none;border-top-left-radius:12px;border-bottom-left-radius:12px;flex:1;padding:1rem;font-size:1.1rem;font-weight:600}.hash-input.svelte-cyknzg:focus{outline:none}.btn-copy.svelte-cyknzg{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:2rem;padding-right:2rem}button.svelte-cyknzg{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-cyknzg{background:var(--interactive-primary);color:#fff}.btn-primary.svelte-cyknzg:hover:not(:disabled){background:var(--interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary.svelte-cyknzg:disabled{opacity:.6;cursor:not-allowed}.notification.svelte-cyknzg{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-cyknzg-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-cyknzg-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-cyknzg{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-cyknzg{margin-bottom:3rem}.article-section.svelte-cyknzg h2:where(.svelte-cyknzg){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-cyknzg p:where(.svelte-cyknzg){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-cyknzg{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-cyknzg{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-cyknzg{margin-bottom:1rem;font-size:2rem}.feature.svelte-cyknzg h3:where(.svelte-cyknzg){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-cyknzg{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-cyknzg{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-cyknzg{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-cyknzg h3:where(.svelte-cyknzg){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-cyknzg{margin-top:1.5rem}.faq-category.svelte-cyknzg{margin-bottom:2rem}.faq-category.svelte-cyknzg h3:where(.svelte-cyknzg){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-cyknzg{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-cyknzg h4:where(.svelte-cyknzg){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.best-practices.svelte-cyknzg{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-cyknzg{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-cyknzg h3:where(.svelte-cyknzg){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-cyknzg{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-cyknzg h2:where(.svelte-cyknzg){color:#fff;border-bottom:none}.cta-section.svelte-cyknzg p:where(.svelte-cyknzg){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-cyknzg{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-cyknzg{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-cyknzg:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-cyknzg{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-cyknzg,.article-container.svelte-cyknzg{padding:1rem}.tool-main.svelte-cyknzg,.features-grid.svelte-cyknzg,.best-practices.svelte-cyknzg{grid-template-columns:1fr}.step.svelte-cyknzg{text-align:center;flex-direction:column}}.sr-only.svelte-cyknzg{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container.svelte-1vz9s4b{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-1vz9s4b{grid-template-columns:1fr;gap:2.5rem;max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:grid}.input-section.svelte-1vz9s4b,.output-section.svelte-1vz9s4b{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-1vz9s4b{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-1vz9s4b .label-text:where(.svelte-1vz9s4b){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-actions.svelte-1vz9s4b{gap:.5rem;display:flex}.btn-sm.svelte-1vz9s4b{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.btn-sm.svelte-1vz9s4b:hover{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-strong)}.text-input.svelte-1vz9s4b{background:var(--surface-base);border:2px solid var(--border-primary);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:12px;padding:1.25rem;font-size:1.1rem;transition:all .2s}.text-input.svelte-1vz9s4b:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.slug-wrapper.svelte-1vz9s4b{gap:0;display:flex}.slug-input.svelte-1vz9s4b{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--interactive-primary);font-family:var(--font-mono);border-right:none;border-top-left-radius:12px;border-bottom-left-radius:12px;flex:1;padding:1.25rem;font-size:1.1rem;font-weight:600}.slug-input.svelte-1vz9s4b:focus{outline:none}.btn-copy.svelte-1vz9s4b{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:2rem;padding-right:2rem}button.svelte-1vz9s4b{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-1vz9s4b{background:var(--interactive-primary);color:#fff}.btn-primary.svelte-1vz9s4b:hover:not(:disabled){background:var(--interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary.svelte-1vz9s4b:disabled{opacity:.6;cursor:not-allowed}.notification.svelte-1vz9s4b{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-1vz9s4b-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-1vz9s4b-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-1vz9s4b{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1vz9s4b{margin-bottom:3rem}.article-section.svelte-1vz9s4b h2:where(.svelte-1vz9s4b){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-1vz9s4b p:where(.svelte-1vz9s4b){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1vz9s4b{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1vz9s4b{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-1vz9s4b{margin-bottom:1rem;font-size:2rem}.feature.svelte-1vz9s4b h3:where(.svelte-1vz9s4b){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-1vz9s4b{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1vz9s4b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-1vz9s4b{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-1vz9s4b h3:where(.svelte-1vz9s4b){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1vz9s4b{margin-top:1.5rem}.faq-category.svelte-1vz9s4b{margin-bottom:2rem}.faq-category.svelte-1vz9s4b h3:where(.svelte-1vz9s4b){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1vz9s4b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1vz9s4b h4:where(.svelte-1vz9s4b){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.best-practices.svelte-1vz9s4b{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-1vz9s4b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-1vz9s4b h3:where(.svelte-1vz9s4b){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1vz9s4b{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-1vz9s4b h2:where(.svelte-1vz9s4b){color:#fff;border-bottom:none}.cta-section.svelte-1vz9s4b p:where(.svelte-1vz9s4b){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1vz9s4b{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1vz9s4b{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-1vz9s4b:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1vz9s4b{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1vz9s4b,.article-container.svelte-1vz9s4b{padding:1rem}.tool-main.svelte-1vz9s4b,.features-grid.svelte-1vz9s4b,.best-practices.svelte-1vz9s4b{grid-template-columns:1fr}.step.svelte-1vz9s4b{text-align:center;flex-direction:column}}.sr-only.svelte-1vz9s4b{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.competitors-list.svelte-1vz9s4b{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.competitor-item.svelte-1vz9s4b{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.competitor-item.svelte-1vz9s4b h3:where(.svelte-1vz9s4b){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.competitor-item.svelte-1vz9s4b p:where(.svelte-1vz9s4b){color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.container.svelte-1d3ufnk{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-1d3ufnk{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-1d3ufnk{grid-template-columns:1fr 1fr}}.input-section.svelte-1d3ufnk,.output-section.svelte-1d3ufnk{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-1d3ufnk{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-1d3ufnk .label-text:where(.svelte-1d3ufnk){color:#4a5568;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-actions.svelte-1d3ufnk{gap:.5rem;display:flex}.btn-sm.svelte-1d3ufnk{cursor:pointer;color:#4a5568;background:#f7fafc;border:1px solid #cbd5e0;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;transition:all .2s}.btn-sm.svelte-1d3ufnk:hover{color:#2d3748;background:#edf2f7;border-color:#a0aec0}.textarea-input.svelte-1d3ufnk,.textarea-output.svelte-1d3ufnk{color:#2d3748;resize:vertical;background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;min-height:300px;padding:1.5rem;font-family:Fira Code,Courier New,monospace;font-size:.95rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-1d3ufnk:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 4px #3182ce1a}.textarea-output.svelte-1d3ufnk{background:#f7fafc;border-color:#e2e8f0}button.svelte-1d3ufnk{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-1d3ufnk{color:#fff;background:#48bb78}.btn-primary.svelte-1d3ufnk:hover:not(:disabled){background:#38a169;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.btn-primary.svelte-1d3ufnk:disabled{opacity:.6;cursor:not-allowed}.output-actions.svelte-1d3ufnk{justify-content:flex-end;display:flex}.btn-copy.svelte-1d3ufnk{background:#48bb78;width:100%}.notification.svelte-1d3ufnk{color:#fff;z-index:1000;background:#48bb78;border-radius:6px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-1d3ufnk-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #0000001a}@keyframes svelte-1d3ufnk-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-1d3ufnk{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1d3ufnk{margin-bottom:3rem}.article-section.svelte-1d3ufnk h2:where(.svelte-1d3ufnk){color:#2d3748;border-bottom:3px solid #3182ce;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-1d3ufnk p:where(.svelte-1d3ufnk){color:#4a5568;margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1d3ufnk{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1d3ufnk{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-1d3ufnk{margin-bottom:1rem;font-size:2rem}.feature.svelte-1d3ufnk h3:where(.svelte-1d3ufnk){color:#2d3748;margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-1d3ufnk{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1d3ufnk{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-1d3ufnk{color:#fff;background:#3182ce;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-1d3ufnk h3:where(.svelte-1d3ufnk){color:#2d3748;margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1d3ufnk{margin-top:1.5rem}.faq-category.svelte-1d3ufnk{margin-bottom:2rem}.faq-category.svelte-1d3ufnk h3:where(.svelte-1d3ufnk){color:#3182ce;border-bottom:2px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1d3ufnk{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1d3ufnk h4:where(.svelte-1d3ufnk){color:#2d3748;margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1d3ufnk{text-align:center;color:#fff;background:linear-gradient(135deg,#3182ce 0%,#2c5282 100%);border-radius:12px;padding:3rem}.cta-section.svelte-1d3ufnk h2:where(.svelte-1d3ufnk){color:#fff;border-bottom:none}.cta-section.svelte-1d3ufnk p:where(.svelte-1d3ufnk){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1d3ufnk{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1d3ufnk{color:#2c5282;background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-1d3ufnk:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1d3ufnk{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1d3ufnk,.article-container.svelte-1d3ufnk{padding:1rem}.tool-main.svelte-1d3ufnk,.features-grid.svelte-1d3ufnk{grid-template-columns:1fr}.step.svelte-1d3ufnk{text-align:center;flex-direction:column}}.icon.svelte-1d3ufnk{flex-shrink:0}.container.svelte-hdbpka{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-hdbpka{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-hdbpka{grid-template-columns:1fr 1fr}}.input-section.svelte-hdbpka,.output-section.svelte-hdbpka{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-hdbpka{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-hdbpka label:where(.svelte-hdbpka){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-actions.svelte-hdbpka{gap:.5rem;display:flex}.btn-sm.svelte-hdbpka{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.btn-sm.svelte-hdbpka:hover{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-strong)}.textarea-input.svelte-hdbpka,.textarea-output.svelte-hdbpka{background:var(--surface-base);border:2px solid var(--border-primary);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:12px;padding:1.5rem;font-size:.95rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-hdbpka:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.textarea-output.svelte-hdbpka{background:var(--bg-secondary);border-color:var(--border-primary);min-height:400px}.controls-grid.svelte-hdbpka{grid-template-columns:1fr;gap:1rem;margin-top:.5rem;display:grid}@media (min-width:640px){.controls-grid.svelte-hdbpka{grid-template-columns:1fr 1fr}}.control-card.svelte-hdbpka{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem}.control-card.svelte-hdbpka label:where(.svelte-hdbpka),.control-card.svelte-hdbpka .label-text:where(.svelte-hdbpka){color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.counter-control.svelte-hdbpka{align-items:center;gap:.5rem;display:flex}.counter-btn.svelte-hdbpka{border:1px solid var(--border-secondary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:#fff;border-radius:6px;justify-content:center;align-items:center;display:flex}.counter-btn.svelte-hdbpka:hover{border-color:var(--interactive-primary);color:var(--interactive-primary)}.count-input.svelte-hdbpka{text-align:center;border:1px solid var(--border-secondary);height:36px;color:var(--text-primary);border-radius:6px;flex:1;font-weight:600}.separator-grid.svelte-hdbpka{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.separator-grid.svelte-hdbpka button:where(.svelte-hdbpka){border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:6px;padding:.5rem;font-size:.85rem;transition:all .2s}.separator-grid.svelte-hdbpka button:where(.svelte-hdbpka):hover{border-color:var(--interactive-primary)}.separator-grid.svelte-hdbpka button.active:where(.svelte-hdbpka){background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}button.svelte-hdbpka{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-hdbpka{background:var(--interactive-primary);color:#fff}.btn-primary.svelte-hdbpka:hover:not(:disabled){background:var(--interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary.svelte-hdbpka:disabled{opacity:.6;cursor:not-allowed}.output-actions.svelte-hdbpka{justify-content:flex-end;display:flex}.btn-copy.svelte-hdbpka{background:var(--success);width:100%}.count-badge.svelte-hdbpka{background:var(--bg-secondary);color:var(--text-tertiary);border-radius:12px;padding:.2rem .6rem;font-size:.8rem}.notification.svelte-hdbpka{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-hdbpka-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-hdbpka-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-hdbpka{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-hdbpka{margin-bottom:3rem}.article-section.svelte-hdbpka h2:where(.svelte-hdbpka){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-hdbpka p:where(.svelte-hdbpka){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-hdbpka{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-hdbpka{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-hdbpka{margin-bottom:1rem;font-size:2rem}.feature.svelte-hdbpka h3:where(.svelte-hdbpka){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-hdbpka{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-hdbpka{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-hdbpka{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-hdbpka h3:where(.svelte-hdbpka){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-hdbpka{margin-top:1.5rem}.faq-category.svelte-hdbpka{margin-bottom:2rem}.faq-category.svelte-hdbpka h3:where(.svelte-hdbpka){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-hdbpka{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-hdbpka h4:where(.svelte-hdbpka){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.best-practices.svelte-hdbpka{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-hdbpka{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-hdbpka h3:where(.svelte-hdbpka){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-hdbpka{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-hdbpka h2:where(.svelte-hdbpka){color:#fff;border-bottom:none}.cta-section.svelte-hdbpka p:where(.svelte-hdbpka){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-hdbpka{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-hdbpka{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-hdbpka:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-hdbpka{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-hdbpka,.article-container.svelte-hdbpka{padding:1rem}.tool-main.svelte-hdbpka,.features-grid.svelte-hdbpka,.best-practices.svelte-hdbpka{grid-template-columns:1fr}.step.svelte-hdbpka{text-align:center;flex-direction:column}}.container.svelte-nfw832{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-nfw832{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-nfw832{grid-template-columns:1fr 1fr}}.input-section.svelte-nfw832,.stats-section.svelte-nfw832{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-nfw832{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-nfw832 .label-text:where(.svelte-nfw832){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-actions.svelte-nfw832{gap:.5rem;display:flex}.btn-sm.svelte-nfw832{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.btn-sm.svelte-nfw832:hover{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-strong)}.textarea-input.svelte-nfw832{background:var(--surface-base);border:2px solid var(--border-primary);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:12px;min-height:400px;padding:1.5rem;font-size:.95rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-nfw832:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.stats-grid.svelte-nfw832{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.stats-grid.svelte-nfw832{grid-template-columns:repeat(2,1fr)}}.stat-card.svelte-nfw832{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s;display:flex}.stat-card.svelte-nfw832:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card.total.svelte-nfw832{background:var(--bg-secondary);border-color:var(--border-secondary);grid-column:1/-1}.stat-icon.svelte-nfw832{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.stat-icon.vowels.svelte-nfw832{color:var(--blue-600);background:#3b82f61a}.stat-icon.consonants.svelte-nfw832{color:var(--green-600);background:#10b9811a}.stat-icon.digits.svelte-nfw832{color:var(--yellow-600);background:#f59e0b1a}.stat-icon.spaces.svelte-nfw832{color:var(--gray-600);background:#6b72801a}.stat-icon.special.svelte-nfw832{color:var(--purple-600);background:#8b5cf61a}.stat-icon.total.svelte-nfw832{background:var(--interactive-primary);color:#fff}.stat-content.svelte-nfw832{flex-direction:column;display:flex}.stat-value.svelte-nfw832{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label.svelte-nfw832{color:var(--text-secondary);font-size:.85rem;font-weight:500}.article-container.svelte-nfw832{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-nfw832{margin-bottom:3rem}.article-section.svelte-nfw832 h2:where(.svelte-nfw832){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-nfw832 p:where(.svelte-nfw832){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-nfw832{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-nfw832{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-nfw832{margin-bottom:1rem;font-size:2rem}.feature.svelte-nfw832 h3:where(.svelte-nfw832){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-nfw832{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-nfw832{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-nfw832{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-nfw832 h3:where(.svelte-nfw832){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-nfw832{margin-top:1.5rem}.faq-category.svelte-nfw832{margin-bottom:2rem}.faq-category.svelte-nfw832 h3:where(.svelte-nfw832){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-nfw832{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-nfw832 h4:where(.svelte-nfw832){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-nfw832{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-nfw832 h2:where(.svelte-nfw832){color:#fff;border-bottom:none}.cta-section.svelte-nfw832 p:where(.svelte-nfw832){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-nfw832{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-nfw832{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-nfw832:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-nfw832{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-nfw832,.article-container.svelte-nfw832{padding:1rem}.tool-main.svelte-nfw832,.features-grid.svelte-nfw832{grid-template-columns:1fr}.step.svelte-nfw832{text-align:center;flex-direction:column}}.container.svelte-1uylb07{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-1uylb07{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-1uylb07{grid-template-columns:1fr 1fr}}.input-section.svelte-1uylb07,.output-section.svelte-1uylb07{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-1uylb07{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-1uylb07 label:where(.svelte-1uylb07){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-actions.svelte-1uylb07{gap:.5rem;display:flex}.btn-sm.svelte-1uylb07{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.btn-sm.svelte-1uylb07:hover{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-strong)}.textarea-input.svelte-1uylb07,.textarea-output.svelte-1uylb07{background:var(--surface-base);border:2px solid var(--border-primary);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:12px;padding:1.5rem;font-size:.95rem;line-height:1.7;transition:all .2s}.textarea-input.svelte-1uylb07:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.textarea-output.svelte-1uylb07{background:var(--bg-secondary);border-color:var(--border-primary);min-height:400px}.controls-panel.svelte-1uylb07{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.control-label.svelte-1uylb07{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;font-weight:600;display:block}.options-grid.svelte-1uylb07{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.options-grid.svelte-1uylb07{grid-template-columns:1fr 1fr}}.checkbox-option.svelte-1uylb07{cursor:pointer;border:1px solid var(--border-secondary);background:#fff;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.checkbox-option.svelte-1uylb07:hover{border-color:var(--interactive-primary)}.checkbox-option.svelte-1uylb07 input[type=checkbox]:where(.svelte-1uylb07){width:1.1em;height:1.1em;accent-color:var(--interactive-primary);margin-top:.25rem}.checkbox-text.svelte-1uylb07{flex-direction:column;gap:.2rem;display:flex}.option-title.svelte-1uylb07{color:var(--text-primary);font-size:.95rem;font-weight:600}.option-desc.svelte-1uylb07{color:var(--text-tertiary);font-size:.8rem}button.svelte-1uylb07{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary.svelte-1uylb07{background:var(--interactive-primary);color:#fff}.btn-primary.svelte-1uylb07:hover:not(:disabled){background:var(--interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary.svelte-1uylb07:disabled{opacity:.6;cursor:not-allowed}.output-actions.svelte-1uylb07{justify-content:flex-end;display:flex}.btn-copy.svelte-1uylb07{background:var(--success);width:100%}.notification.svelte-1uylb07{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:6px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s svelte-1uylb07-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-1uylb07-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-1uylb07{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1uylb07{margin-bottom:3rem}.article-section.svelte-1uylb07 h2:where(.svelte-1uylb07){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-1uylb07 p:where(.svelte-1uylb07){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1uylb07{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1uylb07{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-1uylb07{margin-bottom:1rem;font-size:2rem}.feature.svelte-1uylb07 h3:where(.svelte-1uylb07){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-1uylb07{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1uylb07{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-1uylb07{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-1uylb07 h3:where(.svelte-1uylb07){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1uylb07{margin-top:1.5rem}.faq-category.svelte-1uylb07{margin-bottom:2rem}.faq-category.svelte-1uylb07 h3:where(.svelte-1uylb07){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1uylb07{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1uylb07 h4:where(.svelte-1uylb07){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.best-practices.svelte-1uylb07{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-1uylb07{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-1uylb07 h3:where(.svelte-1uylb07){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1uylb07{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:12px;padding:3rem}.cta-section.svelte-1uylb07 h2:where(.svelte-1uylb07){color:#fff;border-bottom:none}.cta-section.svelte-1uylb07 p:where(.svelte-1uylb07){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1uylb07{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1uylb07{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-1uylb07:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1uylb07{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1uylb07,.article-container.svelte-1uylb07{padding:1rem}.tool-main.svelte-1uylb07,.features-grid.svelte-1uylb07,.best-practices.svelte-1uylb07{grid-template-columns:1fr}.step.svelte-1uylb07{text-align:center;flex-direction:column}}.container.svelte-hpfd3w{max-width:1200px;font-family:var(--font-family);margin:0 auto;padding:2rem}.tool-main.svelte-hpfd3w{margin-bottom:4rem}.card.svelte-hpfd3w{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem}.card-header.svelte-hpfd3w{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.header-info.svelte-hpfd3w h2:where(.svelte-hpfd3w){color:var(--text-primary);margin:0;font-size:1.75rem}.header-info.svelte-hpfd3w p:where(.svelte-hpfd3w){color:var(--text-secondary);margin:.25rem 0 0}.header-actions.svelte-hpfd3w{gap:1rem;display:flex}.btn-text.svelte-hpfd3w{color:var(--interactive-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-weight:600}.btn-text.svelte-hpfd3w:hover{text-decoration:underline}.editor-container.svelte-hpfd3w{flex-direction:column;gap:2rem;display:flex}.editor-box.svelte-hpfd3w{flex-direction:column;gap:.75rem;display:flex}.editor-box.svelte-hpfd3w label:where(.svelte-hpfd3w){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}textarea.svelte-hpfd3w{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;min-height:200px;color:var(--text-primary);font-family:var(--font-family);resize:vertical;padding:1.25rem;font-size:1.1rem;line-height:1.6;transition:all .2s}textarea.svelte-hpfd3w:focus{border-color:var(--interactive-primary);background:var(--surface-base);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.controls.svelte-hpfd3w{background:var(--bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.btn-primary.svelte-hpfd3w{background:var(--interactive-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .2s}.btn-primary.svelte-hpfd3w:hover:not(:disabled){background:var(--interactive-primary-hover);transform:translateY(-1px)}.btn-primary.svelte-hpfd3w:disabled{opacity:.5;cursor:not-allowed}.hint.svelte-hpfd3w{color:var(--text-secondary);flex:1;max-width:400px;font-size:.9rem;font-style:italic}.output-wrapper.svelte-hpfd3w{position:relative}.btn-copy.svelte-hpfd3w{background:var(--interactive-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 4px #0000001a}.btn-copy.svelte-hpfd3w:hover{background:var(--interactive-primary-hover)}.article-container.svelte-hpfd3w{border-top:1px solid var(--border-primary);margin-top:4rem;padding-top:4rem}.article-section.svelte-hpfd3w{margin-bottom:4rem}.article-section.svelte-hpfd3w h2:where(.svelte-hpfd3w){color:var(--text-primary);margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-hpfd3w p:where(.svelte-hpfd3w){color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.features-grid.svelte-hpfd3w{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card.svelte-hpfd3w{background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;padding:2rem}.feature-icon.svelte-hpfd3w{margin-bottom:1rem;font-size:2.5rem}.steps-container.svelte-hpfd3w{flex-direction:column;gap:1.5rem;display:flex}.step.svelte-hpfd3w{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-primary);gap:2rem;padding:2rem;display:flex}.step-number.svelte-hpfd3w{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.faq-container.svelte-hpfd3w{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-hpfd3w{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}.faq-item.svelte-hpfd3w h3:where(.svelte-hpfd3w){margin-top:0;margin-bottom:1rem}@media (max-width:768px){.container.svelte-hpfd3w{padding:1rem}.controls.svelte-hpfd3w{text-align:center;flex-direction:column;align-items:stretch}.hint.svelte-hpfd3w{max-width:none}}.container.svelte-17tuki0{max-width:1200px;margin:0 auto;padding:2rem}.header.svelte-17tuki0{text-align:center;margin-bottom:3rem}.header.svelte-17tuki0 h1:where(.svelte-17tuki0){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.header.svelte-17tuki0 p:where(.svelte-17tuki0){color:var(--text-secondary);font-size:1.1rem}.tool-main.svelte-17tuki0{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;display:grid}@media (min-width:900px){.tool-main.svelte-17tuki0{grid-template-columns:1fr 1fr}}.panel-card.svelte-17tuki0{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;flex-direction:column;height:100%;padding:2rem;display:flex}.input-group.svelte-17tuki0{margin-bottom:1.5rem}.input-group.svelte-17tuki0 label:where(.svelte-17tuki0){color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}textarea.svelte-17tuki0,input[type=text].svelte-17tuki0,select.svelte-17tuki0{border:1px solid var(--border-primary);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:2px;padding:.75rem;font-size:1rem;transition:border-color .2s}textarea.svelte-17tuki0:focus,input.svelte-17tuki0:focus,select.svelte-17tuki0:focus{border-color:var(--interactive-primary);outline:none}.settings-grid.svelte-17tuki0{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.range-group.svelte-17tuki0{margin-bottom:2rem}.range-header.svelte-17tuki0{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.range-header.svelte-17tuki0 label:where(.svelte-17tuki0){color:var(--text-primary);font-weight:600}.range-desc.svelte-17tuki0{color:var(--text-secondary);font-size:.85rem}input[type=range].svelte-17tuki0{width:100%;accent-color:var(--interactive-primary);background:0 0;border:none;padding:0}.btn-primary.svelte-17tuki0{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:2px;width:100%;padding:1rem;font-size:1.05rem;font-weight:700;transition:background .2s}.btn-primary.svelte-17tuki0:hover{background:var(--interactive-primary-hover)}.output-header.svelte-17tuki0{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.output-header.svelte-17tuki0 h2:where(.svelte-17tuki0){color:var(--text-primary);margin:0;font-size:1.25rem}.char-count.svelte-17tuki0{color:var(--text-secondary);background:var(--bg-secondary);border-radius:2px;padding:.25rem .5rem;font-size:.85rem}.tags-output.svelte-17tuki0{flex-direction:column;flex-grow:1;display:flex}.tag-cloud.svelte-17tuki0{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tag-chip.svelte-17tuki0{color:var(--interactive-primary);background:#3b82f61a;border-radius:20px;padding:.5rem .75rem;font-size:.9rem;font-weight:500}.btn-copy.svelte-17tuki0{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;border-radius:2px;margin-top:auto;padding:.75rem;font-weight:600;transition:all .2s}.btn-copy.svelte-17tuki0:hover{background:var(--surface-base);border-color:var(--interactive-primary);color:var(--interactive-primary)}.placeholder.svelte-17tuki0{text-align:center;color:var(--text-secondary);margin:auto;padding:2rem}.article-container.svelte-17tuki0{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;margin-top:3rem;overflow:hidden}.doc-tabs.svelte-17tuki0{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;overflow-x:auto}.doc-tabs.svelte-17tuki0 button:where(.svelte-17tuki0){color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:600;transition:all .2s}.doc-tabs.svelte-17tuki0 button.active:where(.svelte-17tuki0){color:var(--interactive-primary);border-bottom-color:var(--interactive-primary);background:var(--surface-base)}.doc-content.svelte-17tuki0{padding:2rem}.doc-panel.svelte-17tuki0 h2:where(.svelte-17tuki0){color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.doc-panel.svelte-17tuki0 p:where(.svelte-17tuki0){color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.features-grid.svelte-17tuki0{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-17tuki0{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;padding:1.5rem}.feature.svelte-17tuki0 h3:where(.svelte-17tuki0){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.steps-container.svelte-17tuki0{flex-direction:column;gap:1.5rem;display:flex}.step.svelte-17tuki0{align-items:flex-start;gap:1.5rem;display:flex}.step-number.svelte-17tuki0{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.step-content.svelte-17tuki0 h3:where(.svelte-17tuki0){color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem}.tips-list.svelte-17tuki0{color:var(--text-secondary);padding-left:1.5rem;line-height:1.8}.tips-list.svelte-17tuki0 li:where(.svelte-17tuki0){margin-bottom:.5rem}.faq-item.svelte-17tuki0{margin-bottom:1.5rem}.faq-item.svelte-17tuki0 h4:where(.svelte-17tuki0){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.container.svelte-1453yg6{max-width:1400px;margin:0 auto;padding:2rem}.header.svelte-1453yg6{text-align:center;margin-bottom:3rem}.header.svelte-1453yg6 h1:where(.svelte-1453yg6){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1453yg6 p:where(.svelte-1453yg6){color:var(--text-secondary);font-size:1.1rem}h2.svelte-1453yg6{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}h3.svelte-1453yg6{color:var(--text-secondary);margin:1.5rem 0 1rem;font-size:1.1rem}.grid.svelte-1453yg6{grid-template-columns:400px 1fr;gap:2rem;margin-top:2rem;display:grid}.form-section.svelte-1453yg6{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;height:fit-content;padding:1.5rem}.form-group.svelte-1453yg6{margin-bottom:1rem}.form-group.svelte-1453yg6 label:where(.svelte-1453yg6){color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.label-row.svelte-1453yg6{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.btn-text.svelte-1453yg6{color:var(--interactive-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}input.svelte-1453yg6,select.svelte-1453yg6{border:1px solid var(--border-primary);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:2px;padding:.75rem;font-size:.95rem}.checkbox-group.svelte-1453yg6{margin-bottom:.75rem}.checkbox-label.svelte-1453yg6{color:var(--text-secondary);cursor:pointer;background:var(--bg-secondary);border-radius:2px;align-items:center;gap:.5rem;padding:.5rem;display:flex;position:relative}.checkbox-label.svelte-1453yg6 input:where(.svelte-1453yg6){opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark.svelte-1453yg6{background-color:var(--surface-base);border:1px solid var(--border-secondary);border-radius:2px;flex-shrink:0;width:18px;height:18px;position:relative}.checkbox-label.svelte-1453yg6 input:where(.svelte-1453yg6):checked~.checkmark:where(.svelte-1453yg6){background-color:var(--interactive-primary);border-color:var(--interactive-primary)}.checkmark.svelte-1453yg6:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.checkbox-label.svelte-1453yg6 input:where(.svelte-1453yg6):checked~.checkmark:where(.svelte-1453yg6):after{display:block}.output-section.svelte-1453yg6{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;padding:1.5rem}.policy-preview.svelte-1453yg6{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;max-height:600px;margin-bottom:1rem;padding:1.5rem;overflow-y:auto}pre.svelte-1453yg6{white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);margin:0;font-family:inherit;font-size:.9rem;line-height:1.6}.copy-btn.svelte-1453yg6{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:2px;width:100%;margin-bottom:1rem;padding:.75rem 1.5rem;font-weight:500}.copy-btn.svelte-1453yg6:hover{background:var(--interactive-primary-hover)}.disclaimer.svelte-1453yg6{color:#664d03;background:#fff3cd;border-left:4px solid #ffc107;border-radius:2px;padding:1rem;font-size:.85rem}.alternatives.svelte-1453yg6{margin-top:2rem}.alternatives.svelte-1453yg6 p:where(.svelte-1453yg6){color:var(--text-secondary);margin-bottom:1rem}.alt-grid.svelte-1453yg6{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.alt-card.svelte-1453yg6{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;padding:1rem}.alt-card.svelte-1453yg6 h3:where(.svelte-1453yg6){color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem}.alt-card.svelte-1453yg6 p:where(.svelte-1453yg6){color:var(--text-secondary);margin:0;font-size:.9rem}@media (max-width:1024px){.grid.svelte-1453yg6{grid-template-columns:1fr}}.container.svelte-1axi4uh{max-width:1400px;margin:0 auto;padding:2rem}.grid.svelte-1axi4uh{grid-template-columns:350px 1fr;gap:2rem;margin-top:2rem;display:grid}.form-section.svelte-1axi4uh{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem}label.svelte-1axi4uh{color:#666;margin:1rem 0 .5rem;font-size:.9rem;display:block}input.svelte-1axi4uh,select.svelte-1axi4uh{border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem}.output-section.svelte-1axi4uh{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem}pre.svelte-1axi4uh{white-space:pre-wrap;word-wrap:break-word;background:#f8f9fa;border-radius:6px;max-height:600px;margin-bottom:1rem;padding:1.5rem;font-family:inherit;font-size:.9rem;line-height:1.6;overflow-y:auto}button.svelte-1axi4uh{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem 1.5rem}.warning.svelte-1axi4uh{color:#664d03;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;padding:1rem;font-size:.85rem}@media (max-width:1024px){.grid.svelte-1axi4uh{grid-template-columns:1fr}}.container.svelte-i829fv{max-width:900px;margin:0 auto;padding:2rem}.config.svelte-i829fv{background:#fff;border:1px solid #ddd;border-radius:8px;margin:2rem 0;padding:1.5rem}label.svelte-i829fv{color:#666;margin:1rem 0 .5rem;display:block}input.svelte-i829fv,select.svelte-i829fv{border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem}.output.svelte-i829fv{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem}pre.svelte-i829fv{white-space:pre-wrap;background:#f8f9fa;border-radius:6px;margin:1rem 0;padding:1.5rem;line-height:1.6}button.svelte-i829fv{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:4px;width:100%;padding:.75rem 1.5rem}.container.svelte-14wfqxv{max-width:1200px;margin:0 auto;padding:2rem}.tool-main.svelte-14wfqxv{grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem;display:grid}@media (min-width:1024px){.tool-main.svelte-14wfqxv{grid-template-columns:1fr 1fr}}.input-section.svelte-14wfqxv,.output-section.svelte-14wfqxv{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-14wfqxv{justify-content:space-between;align-items:center;display:flex}.label-text.svelte-14wfqxv{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:600;display:flex}.textarea-input.svelte-14wfqxv,.textarea-output.svelte-14wfqxv{border:2px solid var(--border-primary);background:var(--surface-base);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:12px;padding:1rem;font-size:.95rem;line-height:1.5}.textarea-output.svelte-14wfqxv{background:var(--bg-secondary)}.controls-grid.svelte-14wfqxv{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.control-card.svelte-14wfqxv{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem}.control-card.svelte-14wfqxv label:where(.svelte-14wfqxv){color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.text-input.svelte-14wfqxv{border:1px solid var(--border-secondary);background:#fff;border-radius:4px;width:100%;padding:.5rem}.btn-primary.svelte-14wfqxv{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-weight:600;display:flex}.btn-sm.svelte-14wfqxv{border:1px solid var(--border-secondary);background:var(--bg-secondary);cursor:pointer;border-radius:4px;padding:.25rem .75rem;font-size:.8rem}.notification.svelte-14wfqxv{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;border-radius:8px;padding:.75rem 1.5rem;position:fixed;bottom:2rem;right:2rem}.article-container.svelte-14wfqxv{border-top:1px solid var(--border-primary);margin-top:4rem;padding-top:2rem}.article-section.svelte-14wfqxv{margin-bottom:3rem}.article-section.svelte-14wfqxv h2:where(.svelte-14wfqxv){color:var(--text-primary);margin-bottom:1rem;font-size:1.75rem}.features-grid.svelte-14wfqxv{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-14wfqxv{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.feature.svelte-14wfqxv h3:where(.svelte-14wfqxv){margin-bottom:.5rem;font-size:1.1rem}.container.svelte-1def1z9{max-width:1000px;margin:0 auto;padding:2rem}.header.svelte-1def1z9{text-align:center;margin-bottom:3rem}.header.svelte-1def1z9 h1:where(.svelte-1def1z9){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1def1z9 p:where(.svelte-1def1z9){color:var(--text-secondary);font-size:1.1rem}.main-card.svelte-1def1z9{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;margin-bottom:3rem;padding:2rem}.controls.svelte-1def1z9{border-bottom:1px solid var(--border-primary);margin-bottom:2rem;padding-bottom:2rem}.controls.svelte-1def1z9 h3:where(.svelte-1def1z9){color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem}.controls-grid.svelte-1def1z9{gap:1.5rem;margin-bottom:1.5rem;display:grid}.control-item.svelte-1def1z9 label:where(.svelte-1def1z9){color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.control-item.svelte-1def1z9 input[type=range]:where(.svelte-1def1z9){width:100%;accent-color:var(--interactive-primary)}.control-item.checkbox.svelte-1def1z9 label:where(.svelte-1def1z9){cursor:pointer;align-items:center;gap:.5rem;display:flex}.control-item.checkbox.svelte-1def1z9 input[type=checkbox]:where(.svelte-1def1z9){cursor:pointer;width:18px;height:18px}.btn-generate.svelte-1def1z9{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:2px;width:100%;padding:.75rem;font-weight:600;transition:background .2s}.btn-generate.svelte-1def1z9:hover{background:var(--interactive-primary-hover)}.output-section.svelte-1def1z9{margin-top:2rem}.output-header.svelte-1def1z9{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.output-header.svelte-1def1z9 h3:where(.svelte-1def1z9){color:var(--text-primary);margin:0;font-size:1rem}.stats.svelte-1def1z9{align-items:center;gap:.75rem;display:flex}.word-count.svelte-1def1z9{background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;padding:.25rem .75rem;font-size:.85rem}.btn-copy.svelte-1def1z9{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;border-radius:2px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-copy.svelte-1def1z9:hover{background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}.output-text.svelte-1def1z9{border:1px solid var(--border-primary);background:var(--bg-secondary);width:100%;min-height:300px;color:var(--text-primary);resize:vertical;border-radius:2px;padding:1.5rem;font-family:Georgia,serif;font-size:1rem;line-height:1.8}.output-text.svelte-1def1z9:focus{border-color:var(--interactive-primary);outline:none}.tool-tabs.svelte-1def1z9{border-bottom:1px solid var(--border-primary);gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.tab-btn.svelte-1def1z9{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.tab-btn.svelte-1def1z9:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-btn.active.svelte-1def1z9{background:var(--interactive-primary);color:#fff}.docs-section.svelte-1def1z9{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:3rem;padding:2rem}.docs-nav.svelte-1def1z9{border-bottom:1px solid var(--border-primary);gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.doc-nav-btn.svelte-1def1z9{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-weight:600;position:relative}.doc-nav-btn.active.svelte-1def1z9{color:var(--interactive-primary)}.doc-nav-btn.active.svelte-1def1z9:after{content:"";background:var(--interactive-primary);height:2px;position:absolute;bottom:-1rem;left:0;right:0}.doc-pane.svelte-1def1z9 h2:where(.svelte-1def1z9){color:var(--text-primary);margin-bottom:1.5rem;font-size:1.75rem}.doc-pane.svelte-1def1z9 p:where(.svelte-1def1z9){color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.article-container.svelte-1def1z9{margin-top:4rem}.article-section.svelte-1def1z9{margin-bottom:4rem}.article-section.svelte-1def1z9 h2:where(.svelte-1def1z9){color:var(--text-primary);text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1def1z9 p:where(.svelte-1def1z9){color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1def1z9{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #0066ff4d}.btn-cta-article.svelte-1def1z9:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06f6}.simple-steps.svelte-1def1z9{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1def1z9{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem}.step-circle.svelte-1def1z9{background:var(--interactive-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1def1z9 h3:where(.svelte-1def1z9){color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.step.svelte-1def1z9 p:where(.svelte-1def1z9){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1def1z9{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1def1z9{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1def1z9 h3:where(.svelte-1def1z9){color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1def1z9{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1def1z9{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.use-case-card.svelte-1def1z9 h3:where(.svelte-1def1z9){color:var(--interactive-primary);margin-bottom:.75rem;font-size:1.1rem}.faq-list.svelte-1def1z9{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1def1z9{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.faq-item.svelte-1def1z9 h3:where(.svelte-1def1z9){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1def1z9{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1def1z9 h2:where(.svelte-1def1z9){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1def1z9 p:where(.svelte-1def1z9){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1def1z9{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1def1z9:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:768px){.simple-steps.svelte-1def1z9,.use-cases-grid.svelte-1def1z9{grid-template-columns:1fr}}.container.svelte-1rbsinw{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1rbsinw{text-align:center;margin-bottom:3rem}.header.svelte-1rbsinw h1:where(.svelte-1rbsinw){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1rbsinw p:where(.svelte-1rbsinw){color:#64748b;font-size:1.1rem}.tool-main.svelte-1rbsinw{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.controls-panel.svelte-1rbsinw{background:#fff;border:1px solid #dee2e6;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;box-shadow:0 2px 4px #0000000d}.tool-tabs.svelte-1rbsinw{border-bottom:1px solid #dee2e6;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.tab-btn.svelte-1rbsinw{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.tab-btn.svelte-1rbsinw:hover{color:#1e293b;background:#f1f5f9}.tab-btn.active.svelte-1rbsinw{color:#fff;background:#2563eb}.docs-section.svelte-1rbsinw{background:#fff;border:1px solid #dee2e6;border-radius:16px;margin-bottom:3rem;padding:2rem}.docs-nav.svelte-1rbsinw{border-bottom:1px solid #dee2e6;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.doc-nav-btn.svelte-1rbsinw{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-weight:600;position:relative}.doc-nav-btn.active.svelte-1rbsinw{color:#2563eb}.doc-nav-btn.active.svelte-1rbsinw:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-1rem;left:0;right:0}.doc-pane.svelte-1rbsinw h2:where(.svelte-1rbsinw){color:#1e293b;margin-bottom:1.5rem;font-size:1.75rem}.doc-pane.svelte-1rbsinw p:where(.svelte-1rbsinw){color:#475569;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.action-buttons.svelte-1rbsinw{gap:.75rem;display:flex}.btn-primary.svelte-1rbsinw,.btn-secondary.svelte-1rbsinw{cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-1rbsinw{color:#fff;background:#2563eb;border:none}.btn-primary.svelte-1rbsinw:hover{background:#1d4ed8}.btn-secondary.svelte-1rbsinw{color:#4b5563;background:#fff;border:1px solid #dee2e6}.btn-secondary.svelte-1rbsinw:hover{background:#f8f9fa;border-color:#cbd5e1}.settings.svelte-1rbsinw{align-items:center;gap:.75rem;display:flex}.settings.svelte-1rbsinw label:where(.svelte-1rbsinw){color:#64748b;font-size:.9rem;font-weight:600}select.svelte-1rbsinw{cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;outline:none;padding:.5rem 1rem}.io-grid.svelte-1rbsinw{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.io-card.svelte-1rbsinw{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-1rbsinw{justify-content:space-between;align-items:center;display:flex}.card-header-inner.svelte-1rbsinw label:where(.svelte-1rbsinw){color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.actions.svelte-1rbsinw{gap:.5rem;display:flex}.btn-action.svelte-1rbsinw{color:#4b5563;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.btn-action.svelte-1rbsinw:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-copy.svelte-1rbsinw{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.btn-copy.svelte-1rbsinw:disabled{opacity:.5;cursor:not-allowed}.output-container.svelte-1rbsinw{flex:1;position:relative}textarea.svelte-1rbsinw{resize:none;background:#f9fafb;border:1px solid #dee2e6;border-radius:10px;outline:none;width:100%;height:450px;padding:1.25rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6;transition:all .2s}textarea.svelte-1rbsinw:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}textarea.error.svelte-1rbsinw{background:#fef2f2;border-color:#ef4444}.error-badge.svelte-1rbsinw{color:#fff;background:#ef4444;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 2px 4px #0000001a}.article-container.svelte-1rbsinw{margin-top:4rem}.article-section.svelte-1rbsinw{margin-bottom:4rem}.article-section.svelte-1rbsinw h2:where(.svelte-1rbsinw){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1rbsinw p:where(.svelte-1rbsinw){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1rbsinw{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1rbsinw:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1rbsinw{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1rbsinw{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1rbsinw{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1rbsinw h3:where(.svelte-1rbsinw){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1rbsinw p:where(.svelte-1rbsinw){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1rbsinw{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1rbsinw{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1rbsinw h3:where(.svelte-1rbsinw){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1rbsinw{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1rbsinw{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1rbsinw h3:where(.svelte-1rbsinw){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.faq-list.svelte-1rbsinw{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1rbsinw{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1rbsinw h3:where(.svelte-1rbsinw){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1rbsinw{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1rbsinw h2:where(.svelte-1rbsinw){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1rbsinw p:where(.svelte-1rbsinw){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1rbsinw{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1rbsinw:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.io-grid.svelte-1rbsinw,.simple-steps.svelte-1rbsinw,.use-cases-grid.svelte-1rbsinw{grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1rbsinw{padding:1rem}.header.svelte-1rbsinw h1:where(.svelte-1rbsinw){font-size:2rem}.article-section.svelte-1rbsinw h2:where(.svelte-1rbsinw){font-size:1.75rem}}.container.svelte-1kln30v{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1kln30v{text-align:center;margin-bottom:3rem}.header.svelte-1kln30v h1:where(.svelte-1kln30v){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1kln30v p:where(.svelte-1kln30v){color:#64748b;font-size:1.1rem}.tool-main.svelte-1kln30v{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.controls-panel.svelte-1kln30v{background:#fff;border:1px solid #dee2e6;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;box-shadow:0 2px 4px #0000000d}.mode-toggle.svelte-1kln30v{background:#f1f5f9;border-radius:10px;gap:.3rem;padding:.3rem;display:flex}.tool-tabs.svelte-1kln30v{border-bottom:1px solid #dee2e6;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.tab-btn.svelte-1kln30v{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.tab-btn.svelte-1kln30v:hover{color:#1e293b;background:#f1f5f9}.tab-btn.active.svelte-1kln30v{color:#fff;background:#2563eb}.docs-section.svelte-1kln30v{background:#fff;border:1px solid #dee2e6;border-radius:16px;margin-bottom:3rem;padding:2rem}.docs-nav.svelte-1kln30v{border-bottom:1px solid #dee2e6;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.doc-nav-btn.svelte-1kln30v{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-weight:600;position:relative}.doc-nav-btn.active.svelte-1kln30v{color:#2563eb}.doc-nav-btn.active.svelte-1kln30v:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-1rem;left:0;right:0}.doc-pane.svelte-1kln30v h2:where(.svelte-1kln30v){color:#1e293b;margin-bottom:1.5rem;font-size:1.75rem}.doc-pane.svelte-1kln30v p:where(.svelte-1kln30v){color:#475569;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.mode-toggle.svelte-1kln30v button:where(.svelte-1kln30v){color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1.5rem;font-weight:600;transition:all .2s}.mode-toggle.svelte-1kln30v button.active:where(.svelte-1kln30v){color:#2563eb;background:#fff;box-shadow:0 2px 4px #0000000d}.btn-swap.svelte-1kln30v{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #dee2e6;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-swap.svelte-1kln30v:hover{color:#2563eb;background:#f8f9fa;border-color:#2563eb}.io-grid.svelte-1kln30v{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.io-card.svelte-1kln30v{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-1kln30v{justify-content:space-between;align-items:center;display:flex}.card-header-inner.svelte-1kln30v label:where(.svelte-1kln30v){color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.actions.svelte-1kln30v{gap:.5rem;display:flex}.btn-action.svelte-1kln30v{color:#4b5563;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.btn-action.svelte-1kln30v:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-copy.svelte-1kln30v{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.btn-copy.svelte-1kln30v:disabled{opacity:.5;cursor:not-allowed}.output-container.svelte-1kln30v{flex:1;position:relative}textarea.svelte-1kln30v{resize:none;background:#f9fafb;border:1px solid #dee2e6;border-radius:10px;outline:none;width:100%;height:350px;padding:1.25rem;font-family:Fira Code,monospace;font-size:1rem;line-height:1.6;transition:all .2s}textarea.svelte-1kln30v:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}textarea.error.svelte-1kln30v{background:#fef2f2;border-color:#ef4444}.error-badge.svelte-1kln30v{color:#fff;background:#ef4444;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 2px 4px #0000001a}.article-container.svelte-1kln30v{margin-top:4rem}.article-section.svelte-1kln30v{margin-bottom:4rem}.article-section.svelte-1kln30v h2:where(.svelte-1kln30v){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1kln30v p:where(.svelte-1kln30v){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1kln30v{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1kln30v:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1kln30v{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1kln30v{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1kln30v{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1kln30v h3:where(.svelte-1kln30v){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1kln30v p:where(.svelte-1kln30v){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1kln30v{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1kln30v{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1kln30v h3:where(.svelte-1kln30v){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1kln30v{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1kln30v{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1kln30v h3:where(.svelte-1kln30v){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.faq-list.svelte-1kln30v{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1kln30v{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1kln30v h3:where(.svelte-1kln30v){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1kln30v{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1kln30v h2:where(.svelte-1kln30v){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1kln30v p:where(.svelte-1kln30v){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1kln30v{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1kln30v:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}.alternatives-grid.svelte-1kln30v{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1kln30v{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1kln30v h3:where(.svelte-1kln30v){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}@media (max-width:1024px){.io-grid.svelte-1kln30v,.simple-steps.svelte-1kln30v,.use-cases-grid.svelte-1kln30v,.alternatives-grid.svelte-1kln30v{grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1kln30v{padding:1rem}.header.svelte-1kln30v h1:where(.svelte-1kln30v){font-size:2rem}.article-section.svelte-1kln30v h2:where(.svelte-1kln30v){font-size:1.75rem}}.container.svelte-e646nh{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-e646nh{text-align:center;margin-bottom:3rem}.header.svelte-e646nh h1:where(.svelte-e646nh){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-e646nh p:where(.svelte-e646nh){color:#64748b;font-size:1.1rem}.tool-main.svelte-e646nh{grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:3rem;display:grid}.color-section.svelte-e646nh{flex-direction:column;gap:1.5rem;display:flex}.preview-box.svelte-e646nh{border:1px solid #dee2e6;border-radius:16px;justify-content:center;align-items:center;height:180px;transition:background-color .2s;display:flex}.preview-hex.svelte-e646nh{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border-radius:8px;padding:.6rem 1.2rem;font-family:monospace;font-size:1.2rem;font-weight:700}.inputs-grid.svelte-e646nh{flex-direction:column;gap:1.25rem;display:flex}.input-group.svelte-e646nh{flex-direction:column;gap:.5rem;display:flex}.label-row.svelte-e646nh{justify-content:space-between;align-items:center;display:flex}.label-row.svelte-e646nh label:where(.svelte-e646nh){color:#4b5563;font-size:.9rem;font-weight:700}.btn-copy-sm.svelte-e646nh{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:600;transition:background .2s}.btn-copy-sm.svelte-e646nh:hover{background:#f3f4f6}.hex-wrapper.svelte-e646nh{gap:.5rem;display:flex}.color-input.svelte-e646nh{border:1px solid #dee2e6;border-radius:8px;flex:1;padding:.75rem 1rem;font-family:monospace;font-size:1rem;transition:border-color .2s}.color-input.svelte-e646nh:focus{border-color:#2563eb;outline:none}.color-picker-input.svelte-e646nh{cursor:pointer;background:0 0;border:1px solid #dee2e6;border-radius:8px;width:46px;height:46px;padding:0}.image-picker-section.svelte-e646nh{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000000d}.section-header-inner.svelte-e646nh{justify-content:space-between;align-items:center;display:flex}.section-header-inner.svelte-e646nh h3:where(.svelte-e646nh){color:#1e293b;margin:0;font-size:1.1rem}.btn-eyedropper.svelte-e646nh{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dee2e6;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-eyedropper.svelte-e646nh:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-eyedropper.svelte-e646nh:disabled{opacity:.5;cursor:not-allowed}.canvas-wrapper.svelte-e646nh{cursor:crosshair;background:#f8fafc;border:1px solid #dee2e6;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:300px;display:flex;position:relative;overflow:hidden}canvas.svelte-e646nh{object-fit:contain;max-width:100%;max-height:300px}.hover-hint.svelte-e646nh{color:#fff;pointer-events:none;opacity:0;background:#0009;border-radius:50px;padding:.4rem .8rem;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.canvas-wrapper.svelte-e646nh:hover .hover-hint:where(.svelte-e646nh){opacity:1}.btn-remove.svelte-e646nh{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-remove.svelte-e646nh:hover{background:#fee2e2}.upload-area.svelte-e646nh{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:250px;transition:all .2s;display:flex}.upload-area.svelte-e646nh:hover{background:#eff6ff;border-color:#2563eb}.upload-label.svelte-e646nh{cursor:pointer;color:#64748b;flex-direction:column;align-items:center;gap:1rem;width:100%;height:100%;padding:2rem;display:flex}.upload-label.svelte-e646nh span:where(.svelte-e646nh){color:#1e293b;font-size:1.1rem;font-weight:600}.upload-label.svelte-e646nh .sub-text:where(.svelte-e646nh){color:#64748b;font-size:.9rem;font-weight:400}.visually-hidden.svelte-e646nh{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error-message.svelte-e646nh{color:#ef4444;text-align:center;margin-top:.5rem;font-size:.85rem}.article-container.svelte-e646nh{margin-top:4rem}.article-section.svelte-e646nh{margin-bottom:4rem}.article-section.svelte-e646nh h2:where(.svelte-e646nh){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-e646nh p:where(.svelte-e646nh){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-e646nh{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-e646nh:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-e646nh{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-e646nh{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-e646nh{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-e646nh h3:where(.svelte-e646nh){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-e646nh p:where(.svelte-e646nh){margin-bottom:0;font-size:1rem}.simple-grid.svelte-e646nh{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-e646nh{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-e646nh h3:where(.svelte-e646nh){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-e646nh{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-e646nh{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-e646nh h3:where(.svelte-e646nh){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-e646nh{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-e646nh ul:where(.svelte-e646nh){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-e646nh li:where(.svelte-e646nh){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-e646nh li:where(.svelte-e646nh):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-e646nh{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-e646nh{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-e646nh h3:where(.svelte-e646nh){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-e646nh{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-e646nh{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-e646nh h3:where(.svelte-e646nh){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-e646nh{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-e646nh h2:where(.svelte-e646nh){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-e646nh p:where(.svelte-e646nh){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-e646nh{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-e646nh:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.tool-main.svelte-e646nh,.simple-steps.svelte-e646nh,.use-cases-grid.svelte-e646nh,.alternatives-grid.svelte-e646nh,.tips-card.svelte-e646nh ul:where(.svelte-e646nh){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-e646nh{padding:1rem}.header.svelte-e646nh h1:where(.svelte-e646nh){font-size:2rem}.article-section.svelte-e646nh h2:where(.svelte-e646nh){font-size:1.75rem}}.container.svelte-10qymqj{max-width:1100px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.header.svelte-10qymqj{text-align:center;margin-bottom:3rem}.header.svelte-10qymqj h1:where(.svelte-10qymqj){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header.svelte-10qymqj p:where(.svelte-10qymqj){color:#64748b;font-size:1.1rem}.tool-main.svelte-10qymqj{flex-direction:column;gap:1.5rem;margin-bottom:4rem;display:flex}.controls-panel.svelte-10qymqj{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.mode-toggle.svelte-10qymqj{background:#f1f5f9;border-radius:12px;padding:.35rem;display:flex}.mode-toggle.svelte-10qymqj button:where(.svelte-10qymqj){color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s}.mode-toggle.svelte-10qymqj button.active:where(.svelte-10qymqj){color:#fff;background:#2563eb;box-shadow:0 4px 12px #2563eb33}.btn-swap.svelte-10qymqj{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-swap.svelte-10qymqj:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.io-grid.svelte-10qymqj{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.io-card.svelte-10qymqj{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:1.25rem;padding:2rem;display:flex;box-shadow:0 10px 25px -5px #0000000d}.card-header-inner.svelte-10qymqj{justify-content:space-between;align-items:center;display:flex}.card-header-inner.svelte-10qymqj label:where(.svelte-10qymqj){color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.actions.svelte-10qymqj{gap:.75rem;display:flex}.btn-action.svelte-10qymqj{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.4rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-action.svelte-10qymqj:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-copy.svelte-10qymqj{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.btn-copy.svelte-10qymqj:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 15px #2563eb4d}.btn-copy.svelte-10qymqj:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.output-container.svelte-10qymqj{flex:1;position:relative}textarea.svelte-10qymqj{resize:none;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;outline:none;width:100%;height:450px;padding:1.5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;line-height:1.6;transition:all .2s}textarea.svelte-10qymqj:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}textarea.error.svelte-10qymqj{background:#fff1f2;border-color:#ef4444}.error-badge.svelte-10qymqj{color:#fff;background:#ef4444;border-radius:50px;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 12px #ef44444d}.article-container.svelte-10qymqj{margin-top:4rem}.article-section.svelte-10qymqj{margin-bottom:4rem}.article-section.svelte-10qymqj h2:where(.svelte-10qymqj){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.article-section.svelte-10qymqj p:where(.svelte-10qymqj){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.simple-steps.svelte-10qymqj{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-10qymqj{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem}.step-circle.svelte-10qymqj{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-10qymqj h3:where(.svelte-10qymqj){color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.simple-grid.svelte-10qymqj{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-10qymqj{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.simple-card.svelte-10qymqj h3:where(.svelte-10qymqj){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.use-cases-grid.svelte-10qymqj{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.use-case-card.svelte-10qymqj{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem}.use-case-card.svelte-10qymqj h3:where(.svelte-10qymqj){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.faq-list.svelte-10qymqj{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-10qymqj{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.faq-item.svelte-10qymqj h3:where(.svelte-10qymqj){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.alternatives-grid.svelte-10qymqj{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-10qymqj{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.alt-card.svelte-10qymqj h3:where(.svelte-10qymqj){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.final-cta.svelte-10qymqj{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-10qymqj h2:where(.svelte-10qymqj){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-10qymqj p:where(.svelte-10qymqj){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-10qymqj{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2563eb4d}.btn-cta-main.svelte-10qymqj:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.io-grid.svelte-10qymqj,.simple-steps.svelte-10qymqj,.alternatives-grid.svelte-10qymqj{grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-10qymqj{padding:1rem}.header.svelte-10qymqj h1:where(.svelte-10qymqj){font-size:2rem}.controls-panel.svelte-10qymqj{flex-direction:column;align-items:stretch;gap:1rem}.io-card.svelte-10qymqj{padding:1.5rem}textarea.svelte-10qymqj{height:300px}.article-section.svelte-10qymqj h2:where(.svelte-10qymqj){font-size:1.75rem}}.container.svelte-1ei11s2{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1ei11s2{text-align:center;margin-bottom:3rem}.header.svelte-1ei11s2 h1:where(.svelte-1ei11s2){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1ei11s2 p:where(.svelte-1ei11s2){color:#64748b;font-size:1.1rem}.tool-main.svelte-1ei11s2{margin-bottom:3rem}.main-card.svelte-1ei11s2{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-1ei11s2{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.header-actions.svelte-1ei11s2{gap:.75rem;display:flex}.btn-action.svelte-1ei11s2{color:#4b5563;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-action.svelte-1ei11s2:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.editor-grid.svelte-1ei11s2{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.editor-section.svelte-1ei11s2{flex-direction:column;gap:.75rem;display:flex}.label-row.svelte-1ei11s2{justify-content:space-between;align-items:center;display:flex}.editor-section.svelte-1ei11s2 label:where(.svelte-1ei11s2){color:#4b5563;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}textarea.svelte-1ei11s2{resize:none;background:#f9fafb;border:1px solid #dee2e6;border-radius:12px;width:100%;height:350px;padding:1.25rem;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;transition:all .2s}textarea.svelte-1ei11s2:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.btn-copy-sm.svelte-1ei11s2{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.stats-bar.svelte-1ei11s2{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;align-items:center;gap:2rem;padding:1.25rem 2rem;display:flex}.stat-item.svelte-1ei11s2{flex-direction:column;display:flex}.stat-label.svelte-1ei11s2{color:#6b7280;text-transform:uppercase;font-size:.75rem;font-weight:700}.stat-value.svelte-1ei11s2{color:#111827;font-size:1.1rem;font-weight:700}.stat-arrow.svelte-1ei11s2{color:#9ca3af;font-size:1.5rem}.savings-badge.svelte-1ei11s2{color:#065f46;background:#d1fae5;border-radius:50px;margin-left:auto;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.article-container.svelte-1ei11s2{margin-top:4rem}.article-section.svelte-1ei11s2{margin-bottom:4rem}.article-section.svelte-1ei11s2 h2:where(.svelte-1ei11s2){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1ei11s2 p:where(.svelte-1ei11s2){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1ei11s2{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1ei11s2:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1ei11s2{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1ei11s2{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1ei11s2{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1ei11s2 h3:where(.svelte-1ei11s2){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1ei11s2 p:where(.svelte-1ei11s2){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1ei11s2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1ei11s2{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1ei11s2 h3:where(.svelte-1ei11s2){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1ei11s2{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1ei11s2{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1ei11s2 h3:where(.svelte-1ei11s2){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-1ei11s2{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-1ei11s2 ul:where(.svelte-1ei11s2){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-1ei11s2 li:where(.svelte-1ei11s2){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-1ei11s2 li:where(.svelte-1ei11s2):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-1ei11s2{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1ei11s2{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1ei11s2 h3:where(.svelte-1ei11s2){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-1ei11s2{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1ei11s2{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1ei11s2 h3:where(.svelte-1ei11s2){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1ei11s2{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1ei11s2 h2:where(.svelte-1ei11s2){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1ei11s2 p:where(.svelte-1ei11s2){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1ei11s2{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1ei11s2:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.editor-grid.svelte-1ei11s2,.simple-steps.svelte-1ei11s2,.use-cases-grid.svelte-1ei11s2,.alternatives-grid.svelte-1ei11s2,.tips-card.svelte-1ei11s2 ul:where(.svelte-1ei11s2){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1ei11s2{padding:1rem}.header.svelte-1ei11s2 h1:where(.svelte-1ei11s2){font-size:2rem}.article-section.svelte-1ei11s2 h2:where(.svelte-1ei11s2){font-size:1.75rem}.stats-bar.svelte-1ei11s2{flex-direction:column;align-items:flex-start;gap:1rem}.stat-arrow.svelte-1ei11s2{display:none}.savings-badge.svelte-1ei11s2{margin-left:0}}.container.svelte-hix9su{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-hix9su{text-align:center;margin-bottom:3rem}.header.svelte-hix9su h1:where(.svelte-hix9su){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-hix9su p:where(.svelte-hix9su){color:#64748b;font-size:1.1rem}.tool-main.svelte-hix9su{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.controls-panel.svelte-hix9su{background:#fff;border:1px solid #dee2e6;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;box-shadow:0 2px 4px #0000000d}.mode-selector.svelte-hix9su{background:#f1f5f9;border-radius:8px;padding:.25rem;display:flex}.mode-selector.svelte-hix9su button:where(.svelte-hix9su){color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.mode-selector.svelte-hix9su button.active:where(.svelte-hix9su){color:#2563eb;background:#fff;box-shadow:0 2px 4px #0000000d}.btn-swap.svelte-hix9su{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #dee2e6;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-swap.svelte-hix9su:hover{color:#2563eb;background:#f8f9fa;border-color:#2563eb}.io-grid.svelte-hix9su{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.io-card.svelte-hix9su{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-hix9su{justify-content:space-between;align-items:center;display:flex}.card-header-inner.svelte-hix9su label:where(.svelte-hix9su){color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.actions.svelte-hix9su{gap:.5rem;display:flex}.btn-action.svelte-hix9su{color:#4b5563;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.btn-action.svelte-hix9su:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-copy.svelte-hix9su{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.btn-copy.svelte-hix9su:disabled{opacity:.5;cursor:not-allowed}textarea.svelte-hix9su{resize:none;background:#f9fafb;border:1px solid #dee2e6;border-radius:10px;outline:none;width:100%;height:350px;padding:1.25rem;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;transition:all .2s}textarea.svelte-hix9su:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.article-container.svelte-hix9su{margin-top:4rem}.article-section.svelte-hix9su{margin-bottom:4rem}.article-section.svelte-hix9su h2:where(.svelte-hix9su){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-hix9su p:where(.svelte-hix9su){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-hix9su{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-hix9su:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-hix9su{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-hix9su{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-hix9su{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-hix9su h3:where(.svelte-hix9su){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-hix9su p:where(.svelte-hix9su){margin-bottom:0;font-size:1rem}.simple-grid.svelte-hix9su{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-hix9su{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-hix9su h3:where(.svelte-hix9su){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-hix9su{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-hix9su{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-hix9su h3:where(.svelte-hix9su){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-hix9su{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-hix9su ul:where(.svelte-hix9su){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-hix9su li:where(.svelte-hix9su){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-hix9su li:where(.svelte-hix9su):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-hix9su{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-hix9su{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-hix9su h3:where(.svelte-hix9su){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-hix9su{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-hix9su{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-hix9su h3:where(.svelte-hix9su){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-hix9su{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-hix9su h2:where(.svelte-hix9su){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-hix9su p:where(.svelte-hix9su){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-hix9su{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-hix9su:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.io-grid.svelte-hix9su,.simple-steps.svelte-hix9su,.use-cases-grid.svelte-hix9su,.alternatives-grid.svelte-hix9su,.tips-card.svelte-hix9su ul:where(.svelte-hix9su){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-hix9su{padding:1rem}.header.svelte-hix9su h1:where(.svelte-hix9su){font-size:2rem}.article-section.svelte-hix9su h2:where(.svelte-hix9su){font-size:1.75rem}}.container.svelte-1pe6sg{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1pe6sg{text-align:center;margin-bottom:3rem}.header.svelte-1pe6sg h1:where(.svelte-1pe6sg){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1pe6sg p:where(.svelte-1pe6sg){color:#64748b;font-size:1.1rem}.tool-main.svelte-1pe6sg{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;gap:1.5rem;margin-bottom:3rem;padding:2rem;display:flex;box-shadow:0 4px 6px #0000000d}.input-section.svelte-1pe6sg{flex-direction:column;gap:.5rem;display:flex}.section-header-inner.svelte-1pe6sg{justify-content:space-between;align-items:center;display:flex}.section-header-inner.svelte-1pe6sg label:where(.svelte-1pe6sg){color:#4b5563;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.btn-copy-sm.svelte-1pe6sg{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:600;transition:background .2s}.btn-copy-sm.svelte-1pe6sg:hover{background:#f3f4f6}.input-group.svelte-1pe6sg{gap:.5rem;display:flex}.theme-input.svelte-1pe6sg{color:#1e293b;background:#f9fafb;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s}.theme-input.svelte-1pe6sg:focus{background:#fff;border-color:#2563eb;outline:none}.btn-now.svelte-1pe6sg{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:0 1.5rem;font-weight:600;transition:background .2s}.btn-now.svelte-1pe6sg:hover{background:#1d4ed8}.result-section.svelte-1pe6sg{border-top:1px solid #dee2e6;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1.5rem;display:flex}.result-box.svelte-1pe6sg{color:#2563eb;text-align:center;-webkit-user-select:text;user-select:text;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1.25rem;font-size:1.25rem;font-weight:700}.article-container.svelte-1pe6sg{margin-top:4rem}.article-section.svelte-1pe6sg{margin-bottom:4rem}.article-section.svelte-1pe6sg h2:where(.svelte-1pe6sg){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1pe6sg p:where(.svelte-1pe6sg){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1pe6sg{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1pe6sg:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1pe6sg{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1pe6sg{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1pe6sg{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1pe6sg h3:where(.svelte-1pe6sg){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1pe6sg p:where(.svelte-1pe6sg){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1pe6sg{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1pe6sg{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1pe6sg h3:where(.svelte-1pe6sg){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1pe6sg{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1pe6sg{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1pe6sg h3:where(.svelte-1pe6sg){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-1pe6sg{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-1pe6sg ul:where(.svelte-1pe6sg){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-1pe6sg li:where(.svelte-1pe6sg){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-1pe6sg li:where(.svelte-1pe6sg):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-1pe6sg{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1pe6sg{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1pe6sg h3:where(.svelte-1pe6sg){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-1pe6sg{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1pe6sg{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1pe6sg h3:where(.svelte-1pe6sg){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1pe6sg{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1pe6sg h2:where(.svelte-1pe6sg){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1pe6sg p:where(.svelte-1pe6sg){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1pe6sg{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1pe6sg:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.simple-steps.svelte-1pe6sg,.use-cases-grid.svelte-1pe6sg,.alternatives-grid.svelte-1pe6sg,.tips-card.svelte-1pe6sg ul:where(.svelte-1pe6sg){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1pe6sg{padding:1rem}.header.svelte-1pe6sg h1:where(.svelte-1pe6sg){font-size:2rem}.article-section.svelte-1pe6sg h2:where(.svelte-1pe6sg){font-size:1.75rem}}.container.svelte-7zs2ck{max-width:900px;margin:0 auto;padding:2rem}.header.svelte-7zs2ck{text-align:center;margin-bottom:3rem}.header.svelte-7zs2ck h1:where(.svelte-7zs2ck){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-7zs2ck p:where(.svelte-7zs2ck){color:#64748b;font-size:1.1rem}.tool-main.svelte-7zs2ck{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.controls-card.svelte-7zs2ck{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.quantity-control.svelte-7zs2ck{flex-direction:column;gap:1rem;display:flex}.label-group.svelte-7zs2ck{color:#1e293b;align-items:center;gap:.75rem;font-weight:700;display:flex}.label-group.svelte-7zs2ck svg:where(.svelte-7zs2ck){color:#2563eb}.input-group.svelte-7zs2ck{gap:1rem;display:flex}.quantity-input.svelte-7zs2ck{background:#f8fafc;border:1px solid #dee2e6;border-radius:10px;outline:none;width:120px;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;transition:all .2s}.quantity-input.svelte-7zs2ck:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.btn-primary.svelte-7zs2ck{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s}.btn-primary.svelte-7zs2ck:hover{background:#1d4ed8;transform:translateY(-1px)}.output-card.svelte-7zs2ck{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-7zs2ck{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.btn-copy-sm.svelte-7zs2ck{color:#2563eb;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-copy-sm.svelte-7zs2ck:hover:not(:disabled){background:#e2e8f0}.text-area-output.svelte-7zs2ck{color:#1e293b;resize:vertical;background:#f8fafc;border:1px solid #dee2e6;border-radius:12px;outline:none;width:100%;padding:1rem;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6}.stats-footer.svelte-7zs2ck{color:#64748b;border-top:1px solid #f1f5f9;margin-top:1rem;padding-top:1rem;font-size:.9rem}.article-container.svelte-7zs2ck{margin-top:4rem}.article-section.svelte-7zs2ck{margin-bottom:4rem}.article-section.svelte-7zs2ck h2:where(.svelte-7zs2ck){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-7zs2ck p:where(.svelte-7zs2ck){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-7zs2ck{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-7zs2ck:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-7zs2ck{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-7zs2ck{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-7zs2ck{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-7zs2ck h3:where(.svelte-7zs2ck){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-7zs2ck p:where(.svelte-7zs2ck){margin-bottom:0;font-size:1rem}.simple-grid.svelte-7zs2ck{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-7zs2ck{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-7zs2ck h3:where(.svelte-7zs2ck){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-7zs2ck{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-7zs2ck{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-7zs2ck h3:where(.svelte-7zs2ck){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-7zs2ck{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-7zs2ck ul:where(.svelte-7zs2ck){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-7zs2ck li:where(.svelte-7zs2ck){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-7zs2ck li:where(.svelte-7zs2ck):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-7zs2ck{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-7zs2ck{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-7zs2ck h3:where(.svelte-7zs2ck){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-7zs2ck{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-7zs2ck{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-7zs2ck h3:where(.svelte-7zs2ck){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-7zs2ck{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-7zs2ck h2:where(.svelte-7zs2ck){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-7zs2ck p:where(.svelte-7zs2ck){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-7zs2ck{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-7zs2ck:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.simple-steps.svelte-7zs2ck,.use-cases-grid.svelte-7zs2ck,.alternatives-grid.svelte-7zs2ck,.tips-card.svelte-7zs2ck ul:where(.svelte-7zs2ck){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-7zs2ck{padding:1rem}.header.svelte-7zs2ck h1:where(.svelte-7zs2ck){font-size:2rem}.input-group.svelte-7zs2ck{flex-direction:column}.quantity-input.svelte-7zs2ck{width:100%}}.container.svelte-1tdx9qo{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1tdx9qo{text-align:center;margin-bottom:3rem}.header.svelte-1tdx9qo h1:where(.svelte-1tdx9qo){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1tdx9qo p:where(.svelte-1tdx9qo){color:var(--text-secondary);font-size:1.1rem}.main-card.svelte-1tdx9qo{background:var(--surface-base);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);border-radius:2px;padding:2.5rem}.generator-grid.svelte-1tdx9qo{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.input-group.svelte-1tdx9qo{margin-bottom:1.5rem}.input-group.svelte-1tdx9qo label:where(.svelte-1tdx9qo){color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}input.svelte-1tdx9qo,textarea.svelte-1tdx9qo,select.svelte-1tdx9qo{border:1px solid var(--border-primary);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:2px;padding:.75rem;font-size:1rem}textarea.svelte-1tdx9qo{resize:vertical;height:100px}.grid-2.svelte-1tdx9qo{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.output-section.svelte-1tdx9qo{flex-direction:column;display:flex}.output-header.svelte-1tdx9qo{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.output-header.svelte-1tdx9qo h2:where(.svelte-1tdx9qo){color:var(--text-primary);font-size:1.25rem}.copy-btn.svelte-1tdx9qo{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:2px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:opacity .2s;display:flex}.copy-btn.svelte-1tdx9qo:hover{opacity:.9}.code-block.svelte-1tdx9qo{color:#d4d4d4;background:#1e1e1e;border-radius:2px;flex:1;margin:0;padding:1.5rem;font-family:Fira Code,monospace;font-size:.9rem;overflow-x:auto}@media (max-width:900px){.generator-grid.svelte-1tdx9qo{grid-template-columns:1fr;gap:2rem}}.article-container.svelte-1tdx9qo{border-top:1px solid var(--border-primary);margin-top:4rem;padding-top:2rem}.article-section.svelte-1tdx9qo{margin-bottom:3rem}.article-section.svelte-1tdx9qo h2:where(.svelte-1tdx9qo){color:var(--text-primary);border-bottom:3px solid var(--interactive-primary);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.article-section.svelte-1tdx9qo p:where(.svelte-1tdx9qo){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1tdx9qo{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1tdx9qo{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;padding:1.5rem}.feature.svelte-1tdx9qo h3:where(.svelte-1tdx9qo){color:var(--text-primary);margin-bottom:.75rem;font-size:1.2rem}.steps-container.svelte-1tdx9qo{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1tdx9qo{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-1tdx9qo{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.step-content.svelte-1tdx9qo h3:where(.svelte-1tdx9qo){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1tdx9qo{margin-top:1.5rem}.faq-item.svelte-1tdx9qo{margin-bottom:1.5rem}.faq-item.svelte-1tdx9qo h4:where(.svelte-1tdx9qo){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.container.svelte-yvhycj{max-width:1200px;margin:0 auto;padding:2rem}.header.svelte-yvhycj{text-align:center;margin-bottom:3rem}.header.svelte-yvhycj h1:where(.svelte-yvhycj){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.header.svelte-yvhycj p:where(.svelte-yvhycj){color:var(--text-secondary);font-size:1.1rem}.main-card.svelte-yvhycj{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;margin-bottom:3rem;padding:2rem}.editor-grid.svelte-yvhycj{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.editor-section.svelte-yvhycj{flex-direction:column;display:flex}.editor-header.svelte-yvhycj{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.editor-header.svelte-yvhycj h3:where(.svelte-yvhycj){color:var(--text-primary);margin:0;font-size:1rem}.stats.svelte-yvhycj{align-items:center;gap:.5rem;display:flex}.compression-badge.svelte-yvhycj{color:#22c55e;background:#22c55e1a;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.btn-clear.svelte-yvhycj,.btn-copy.svelte-yvhycj{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:2px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-clear.svelte-yvhycj:hover,.btn-copy.svelte-yvhycj:hover{background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}.code-editor.svelte-yvhycj{border:1px solid var(--border-primary);color:#e2e8f0;resize:vertical;background:#1e293b;border-radius:2px;width:100%;min-height:400px;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.code-editor.output.svelte-yvhycj{background:#0f172a}.code-editor.svelte-yvhycj:focus{border-color:var(--interactive-primary);outline:none}.tool-tabs.svelte-yvhycj{border-bottom:1px solid var(--border-primary);gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.tab-btn.svelte-yvhycj{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.tab-btn.svelte-yvhycj:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-btn.active.svelte-yvhycj{background:var(--interactive-primary);color:#fff}.docs-section.svelte-yvhycj{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:3rem;padding:2rem}.docs-nav.svelte-yvhycj{border-bottom:1px solid var(--border-primary);gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.doc-nav-btn.svelte-yvhycj{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-weight:600;position:relative}.doc-nav-btn.active.svelte-yvhycj{color:var(--interactive-primary)}.doc-nav-btn.active.svelte-yvhycj:after{content:"";background:var(--interactive-primary);height:2px;position:absolute;bottom:-1rem;left:0;right:0}.doc-pane.svelte-yvhycj h2:where(.svelte-yvhycj){color:var(--text-primary);margin-bottom:1.5rem;font-size:1.75rem}.doc-pane.svelte-yvhycj p:where(.svelte-yvhycj){color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.article-container.svelte-yvhycj{margin-top:4rem}.article-section.svelte-yvhycj{margin-bottom:4rem}.article-section.svelte-yvhycj h2:where(.svelte-yvhycj){color:var(--text-primary);text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-yvhycj p:where(.svelte-yvhycj){color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-yvhycj{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #0066ff4d}.btn-cta-article.svelte-yvhycj:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06f6}.simple-steps.svelte-yvhycj{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-yvhycj{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem}.step-circle.svelte-yvhycj{background:var(--interactive-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-yvhycj h3:where(.svelte-yvhycj){color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.step.svelte-yvhycj p:where(.svelte-yvhycj){margin-bottom:0;font-size:1rem}.simple-grid.svelte-yvhycj{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-yvhycj{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-yvhycj h3:where(.svelte-yvhycj){color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-yvhycj{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-yvhycj{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.use-case-card.svelte-yvhycj h3:where(.svelte-yvhycj){color:var(--interactive-primary);margin-bottom:.75rem;font-size:1.1rem}.faq-list.svelte-yvhycj{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-yvhycj{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.faq-item.svelte-yvhycj h3:where(.svelte-yvhycj){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-yvhycj{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-yvhycj h2:where(.svelte-yvhycj){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-yvhycj p:where(.svelte-yvhycj){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-yvhycj{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-yvhycj:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.editor-grid.svelte-yvhycj{grid-template-columns:1fr}}@media (max-width:768px){.simple-steps.svelte-yvhycj,.use-cases-grid.svelte-yvhycj{grid-template-columns:1fr}}:root{--interactive-primary:#06f;--border-primary:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--surface-base:#fff;--bg-secondary:#f8fafc;--shadow-sm:0 1px 3px #0000001a;--success:#22c55e;--warning:#f59e0b;--error:#ef4444}.container.svelte-a49ha6{max-width:900px;margin:0 auto;padding:3rem 1rem;font-family:Inter,system-ui,sans-serif}.header.svelte-a49ha6{text-align:center;margin-bottom:3rem}.header.svelte-a49ha6 h1:where(.svelte-a49ha6){color:var(--text-primary);font-size:2.25rem;font-weight:800}.header.svelte-a49ha6 p:where(.svelte-a49ha6){color:var(--text-secondary);margin-top:.5rem}.tool-tabs.svelte-a49ha6{background:#f1f5f9;border-radius:12px;justify-content:center;gap:.5rem;width:fit-content;margin:0 auto 2.5rem;padding:.4rem;display:flex}.tool-tabs.svelte-a49ha6 button:where(.svelte-a49ha6){color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.6rem 1.5rem;font-weight:600;transition:all .2s}.tool-tabs.svelte-a49ha6 button.active:where(.svelte-a49ha6){background:var(--surface-base);color:var(--interactive-primary);box-shadow:var(--shadow-sm)}.main-card.svelte-a49ha6{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;box-shadow:0 10px 25px -5px #0000000d}.html-editor.svelte-a49ha6{border:1.5px solid var(--border-primary);background:var(--bg-secondary);resize:vertical;border-radius:12px;width:100%;height:180px;margin-top:1rem;padding:1.25rem;font-family:Fira Code,monospace;font-size:.9rem}.html-editor.svelte-a49ha6:focus{border-color:var(--interactive-primary);background:#fff;outline:none}.results-toolbar.svelte-a49ha6{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.score-card.svelte-a49ha6{align-items:center;gap:1.25rem;display:flex}.score-circle.svelte-a49ha6{background:conic-gradient(var(--interactive-primary)var(--score),#e2e8f0 0);width:60px;height:60px;color:var(--interactive-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:relative}.score-circle.svelte-a49ha6:after{content:"";background:#fff;border-radius:50%;width:48px;height:48px;position:absolute}.score-circle.svelte-a49ha6 span:where(.svelte-a49ha6){z-index:1;position:relative}.btn-copy.svelte-a49ha6{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;display:flex}.results-list.svelte-a49ha6{gap:1rem;display:grid}.result-item.svelte-a49ha6{border:1px solid var(--border-primary);background:#fff;border-radius:12px;padding:1.25rem;transition:transform .2s}.result-item.error.svelte-a49ha6{border-left:5px solid var(--error)}.result-item.warning.svelte-a49ha6{border-left:5px solid var(--warning)}.result-item.success.svelte-a49ha6{border-left:5px solid var(--success)}.result-main.svelte-a49ha6{gap:1rem;margin-bottom:1rem;display:flex}.img-preview.svelte-a49ha6{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;width:64px;height:64px;overflow:hidden}.img-preview.svelte-a49ha6 img:where(.svelte-a49ha6){object-fit:cover;width:100%;height:100%}.tag-snippet.svelte-a49ha6{color:var(--text-secondary);background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.8rem}.status-msg.svelte-a49ha6{margin-top:.25rem;font-size:.9rem;font-weight:600}.alt-value.svelte-a49ha6{background:var(--bg-secondary);border-radius:8px;padding:.75rem 1rem;font-size:.85rem}.alt-value.svelte-a49ha6 strong:where(.svelte-a49ha6){color:var(--text-secondary);margin-right:.5rem}.alt-value.svelte-a49ha6 .val:where(.svelte-a49ha6){color:var(--text-primary);font-weight:500}.btn-clear.svelte-a49ha6{border:1px solid var(--border-primary);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .8rem}.article-container.svelte-a49ha6{margin-top:4rem}.article-section.svelte-a49ha6{margin-bottom:4rem}.article-section.svelte-a49ha6 h2:where(.svelte-a49ha6){color:var(--text-primary);text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-a49ha6 p:where(.svelte-a49ha6){color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-a49ha6{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #0066ff4d}.btn-cta-article.svelte-a49ha6:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06f6}.simple-steps.svelte-a49ha6{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-a49ha6{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem}.step-circle.svelte-a49ha6{background:var(--interactive-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-a49ha6 h3:where(.svelte-a49ha6){color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.step.svelte-a49ha6 p:where(.svelte-a49ha6){margin-bottom:0;font-size:1rem}.simple-grid.svelte-a49ha6{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-a49ha6{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-a49ha6 h3:where(.svelte-a49ha6){color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-a49ha6{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-a49ha6{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.use-case-card.svelte-a49ha6 h3:where(.svelte-a49ha6){color:var(--interactive-primary);margin-bottom:.75rem;font-size:1.1rem}.faq-list.svelte-a49ha6{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-a49ha6{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.faq-item.svelte-a49ha6 h3:where(.svelte-a49ha6){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-a49ha6{text-align:center;color:#000;background:linear-gradient(135deg,#fefefe 0%,#d6d8de 100%);border-radius:24px;margin-top:2rem;padding:4rem 2rem}.final-cta.svelte-a49ha6 h2:where(.svelte-a49ha6){color:#000;margin-bottom:1rem;font-size:2.2rem}.final-cta.svelte-a49ha6 p:where(.svelte-a49ha6){color:#94a3b8;margin-bottom:2rem;font-size:1.2rem}.btn-cta-main.svelte-a49ha6{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-a49ha6:hover{background:#1d4ed8;transform:scale(1.05)}@media (max-width:768px){.simple-steps.svelte-a49ha6,.use-cases-grid.svelte-a49ha6{grid-template-columns:1fr}}.container.svelte-n0s85m{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-n0s85m{text-align:center;margin-bottom:3rem}.header.svelte-n0s85m h1:where(.svelte-n0s85m){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-n0s85m p:where(.svelte-n0s85m){color:#64748b;font-size:1.1rem}.tool-main.svelte-n0s85m{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.input-grid.svelte-n0s85m,.output-grid.svelte-n0s85m{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.input-card.svelte-n0s85m,.output-card.svelte-n0s85m{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-n0s85m{justify-content:space-between;align-items:center;display:flex}.card-header-inner.svelte-n0s85m label:where(.svelte-n0s85m){color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}textarea.svelte-n0s85m{resize:none;background:#f8fafc;border:1px solid #dee2e6;border-radius:10px;outline:none;width:100%;height:200px;padding:1rem;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.5;transition:all .2s}textarea.svelte-n0s85m:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.controls-panel.svelte-n0s85m{background:#fff;border:1px solid #dee2e6;border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;box-shadow:0 4px 6px #0000000d}.rel-options.svelte-n0s85m{align-items:center;gap:1.5rem;display:flex}.option-label.svelte-n0s85m{color:#1e293b;font-size:.9rem;font-weight:700}.radio-group.svelte-n0s85m{gap:1.5rem;display:flex}.radio-item.svelte-n0s85m{cursor:pointer;color:#475569;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.radio-item.svelte-n0s85m input:where(.svelte-n0s85m){accent-color:#2563eb;width:18px;height:18px}.action-buttons.svelte-n0s85m{gap:1rem;display:flex}.btn-primary.svelte-n0s85m{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:.75rem 2rem;font-weight:700;transition:all .2s}.btn-primary.svelte-n0s85m:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-primary.svelte-n0s85m:disabled{opacity:.5;cursor:not-allowed}.btn-reset.svelte-n0s85m{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem 2rem;font-weight:700;transition:all .2s}.btn-reset.svelte-n0s85m:hover{background:#e2e8f0}.btn-copy.svelte-n0s85m{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.btn-copy.svelte-n0s85m:hover{background:#1d4ed8}.article-container.svelte-n0s85m{margin-top:4rem}.article-section.svelte-n0s85m{margin-bottom:4rem}.article-section.svelte-n0s85m h2:where(.svelte-n0s85m){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-n0s85m p:where(.svelte-n0s85m){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-n0s85m{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-n0s85m:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-n0s85m{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-n0s85m{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-n0s85m{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-n0s85m h3:where(.svelte-n0s85m){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-n0s85m p:where(.svelte-n0s85m){margin-bottom:0;font-size:1rem}.simple-grid.svelte-n0s85m{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-n0s85m{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-n0s85m h3:where(.svelte-n0s85m){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-n0s85m{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-n0s85m{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-n0s85m h3:where(.svelte-n0s85m){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-n0s85m{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-n0s85m ul:where(.svelte-n0s85m){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-n0s85m li:where(.svelte-n0s85m){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-n0s85m li:where(.svelte-n0s85m):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-n0s85m{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-n0s85m{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-n0s85m h3:where(.svelte-n0s85m){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-n0s85m{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-n0s85m{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-n0s85m h3:where(.svelte-n0s85m){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-n0s85m{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-n0s85m h2:where(.svelte-n0s85m){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-n0s85m p:where(.svelte-n0s85m){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-n0s85m{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2563eb4d}.btn-cta-main.svelte-n0s85m:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.input-grid.svelte-n0s85m,.output-grid.svelte-n0s85m,.simple-steps.svelte-n0s85m,.use-cases-grid.svelte-n0s85m,.alternatives-grid.svelte-n0s85m,.tips-card.svelte-n0s85m ul:where(.svelte-n0s85m){grid-template-columns:1fr}}@media (max-width:768px){.controls-panel.svelte-n0s85m{flex-direction:column;align-items:stretch;gap:1.5rem}.rel-options.svelte-n0s85m{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width:640px){.container.svelte-n0s85m{padding:1rem}.header.svelte-n0s85m h1:where(.svelte-n0s85m){font-size:2rem}.article-section.svelte-n0s85m h2:where(.svelte-n0s85m){font-size:1.75rem}}.container.svelte-1rr5bjs{max-width:1200px;margin:0 auto;padding:2rem}.header.svelte-1rr5bjs{text-align:center;margin-bottom:3rem}.header.svelte-1rr5bjs h1:where(.svelte-1rr5bjs){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1rr5bjs p:where(.svelte-1rr5bjs){color:#64748b;font-size:1.1rem}.tool-main.svelte-1rr5bjs{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.editors-container.svelte-1rr5bjs{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.editor-card.svelte-1rr5bjs{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;height:450px;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000d}.editor-header.svelte-1rr5bjs{text-transform:uppercase;letter-spacing:.05em;color:#fff;padding:.75rem 1.25rem;font-size:.85rem;font-weight:700}.label-group.svelte-1rr5bjs{align-items:center;gap:.5rem;display:flex}.editor-header.html.svelte-1rr5bjs{background:#e34c26}.editor-header.css.svelte-1rr5bjs{background:#264de4}.editor-header.js.svelte-1rr5bjs{color:#333;background:#f7df1e}textarea.svelte-1rr5bjs{resize:none;background:#f8fafc;border:none;outline:none;flex:1;width:100%;padding:1.25rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6;transition:background .2s}textarea.svelte-1rr5bjs:focus{background:#fff}.preview-card.svelte-1rr5bjs{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;height:600px;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.preview-header.svelte-1rr5bjs{color:#475569;text-transform:uppercase;background:#f1f5f9;border-bottom:1px solid #dee2e6;padding:.75rem 1.25rem;font-size:.85rem;font-weight:700}.iframe-container.svelte-1rr5bjs{background:#fff;flex:1}iframe.svelte-1rr5bjs{border:none;width:100%;height:100%}.article-container.svelte-1rr5bjs{margin-top:4rem}.article-section.svelte-1rr5bjs{margin-bottom:4rem}.article-section.svelte-1rr5bjs h2:where(.svelte-1rr5bjs){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1rr5bjs p:where(.svelte-1rr5bjs){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1rr5bjs{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1rr5bjs:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1rr5bjs{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1rr5bjs{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1rr5bjs{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1rr5bjs h3:where(.svelte-1rr5bjs){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1rr5bjs p:where(.svelte-1rr5bjs){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1rr5bjs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1rr5bjs{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1rr5bjs h3:where(.svelte-1rr5bjs){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1rr5bjs{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1rr5bjs{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1rr5bjs h3:where(.svelte-1rr5bjs){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-1rr5bjs{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-1rr5bjs ul:where(.svelte-1rr5bjs){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-1rr5bjs li:where(.svelte-1rr5bjs){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-1rr5bjs li:where(.svelte-1rr5bjs):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-1rr5bjs{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1rr5bjs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1rr5bjs h3:where(.svelte-1rr5bjs){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-1rr5bjs{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1rr5bjs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1rr5bjs h3:where(.svelte-1rr5bjs){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1rr5bjs{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1rr5bjs h2:where(.svelte-1rr5bjs){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1rr5bjs p:where(.svelte-1rr5bjs){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1rr5bjs{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1rr5bjs:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.editors-container.svelte-1rr5bjs{grid-template-columns:1fr}.editor-card.svelte-1rr5bjs{height:350px}.simple-steps.svelte-1rr5bjs,.use-cases-grid.svelte-1rr5bjs,.alternatives-grid.svelte-1rr5bjs,.tips-card.svelte-1rr5bjs ul:where(.svelte-1rr5bjs){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1rr5bjs{padding:1rem}.header.svelte-1rr5bjs h1:where(.svelte-1rr5bjs){font-size:2rem}.article-section.svelte-1rr5bjs h2:where(.svelte-1rr5bjs){font-size:1.75rem}}.tool-layout.svelte-1j4gr7j{gap:var(--space-xl);flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}.tool-header.svelte-1j4gr7j{text-align:center;padding:var(--space-2xl)var(--space-lg);background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary));border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-xl)}.header-content.svelte-1j4gr7j h1:where(.svelte-1j4gr7j){color:var(--text-primary);margin-bottom:var(--space-md);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.header-content.svelte-1j4gr7j p:where(.svelte-1j4gr7j){font-size:var(--font-size-lg);color:var(--text-secondary);opacity:.9;max-width:800px;margin:0 auto;line-height:1.6}.feature-image-container.svelte-1j4gr7j{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);overflow:hidden}.analyzer-section.svelte-1j4gr7j{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.documentation-section.svelte-1j4gr7j{margin-top:var(--space-xl)}.doc-container.svelte-1j4gr7j{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.doc-tabs.svelte-1j4gr7j{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);scrollbar-width:none;display:flex;overflow-x:auto}.doc-tabs.svelte-1j4gr7j::-webkit-scrollbar{display:none}.tab-btn.svelte-1j4gr7j{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;font-weight:600;display:flex}.tab-btn.svelte-1j4gr7j:hover{color:var(--interactive-primary);background:#1f0eae08}.tab-btn.active.svelte-1j4gr7j{color:var(--interactive-primary);border-bottom-color:var(--interactive-primary);background:var(--surface-base)}.tab-icon.svelte-1j4gr7j{font-size:1.2rem}.doc-content-wrapper.svelte-1j4gr7j{padding:var(--space-2xl)}.doc-panel.svelte-1j4gr7j{animation:.3s ease-out svelte-1j4gr7j-slideUp}@keyframes svelte-1j4gr7j-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header-content.svelte-1j4gr7j h1:where(.svelte-1j4gr7j){font-size:var(--font-size-3xl)}.doc-content-wrapper.svelte-1j4gr7j{padding:var(--space-lg)}.tab-label.svelte-1j4gr7j{display:none}.tab-btn.svelte-1j4gr7j{padding:var(--space-md)}}.input-card.svelte-7oshad{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.input-group.svelte-7oshad{gap:1rem;display:flex}.input-wrapper.svelte-7oshad{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;flex:1;align-items:center;padding:0 1rem;transition:border-color .2s;display:flex}.input-wrapper.svelte-7oshad:focus-within{background:#fff;border-color:#2563eb}.input-icon.svelte-7oshad{margin-right:.75rem}.url-input.svelte-7oshad{background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-size:1rem}.btn-clear.svelte-7oshad{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.25rem}.btn-detect.svelte-7oshad{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:0 2rem;font-weight:600;transition:background .2s;display:flex}.btn-detect.svelte-7oshad:hover:not(:disabled){background:#1d4ed8}.btn-detect.svelte-7oshad:disabled{opacity:.7;cursor:not-allowed}.error-text.svelte-7oshad{color:#ef4444;margin-top:1rem;font-size:.9rem;font-weight:500}.result-card.svelte-7oshad{background:#fff;border:1px solid #dee2e6;border-radius:16px;margin-top:2rem;padding:2rem}.result-header.svelte-7oshad{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.platform-badge.svelte-7oshad{color:#166534;background:#dcfce7;border-radius:50px;padding:.4rem 1rem;font-size:.85rem;font-weight:700}.platform-badge.unknown.svelte-7oshad{color:#991b1b;background:#fee2e2}.result-grid.svelte-7oshad{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.label-text.svelte-7oshad{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.result-item.svelte-7oshad p:where(.svelte-7oshad){color:#1e293b;margin:0;font-size:1.15rem;font-weight:600}.simple-grid.svelte-7oshad,.alt-grid.svelte-7oshad{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.simple-card.svelte-7oshad,.alt-card.svelte-7oshad{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-icon.svelte-7oshad{margin-right:.5rem}.simple-steps.svelte-7oshad{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.step.svelte-7oshad{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.step-circle.svelte-7oshad{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-size:1.1rem;font-weight:800;display:flex}.faq-list.svelte-7oshad{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.faq-item.svelte-7oshad{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1.25rem}.spinner.svelte-7oshad{border:2px solid #fff;border-bottom-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite svelte-7oshad-rotation;display:inline-block}@keyframes svelte-7oshad-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.input-group.svelte-7oshad{flex-direction:column}.result-grid.svelte-7oshad{grid-template-columns:1fr;gap:1rem}.simple-steps.svelte-7oshad{grid-template-columns:1fr}.btn-detect.svelte-7oshad{justify-content:center;padding:.85rem}}.container.svelte-1xh2y62{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1xh2y62{text-align:center;margin-bottom:3rem}.header.svelte-1xh2y62 h1:where(.svelte-1xh2y62){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1xh2y62 p:where(.svelte-1xh2y62){color:#64748b;font-size:1.1rem}.tool-main.svelte-1xh2y62{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.input-card.svelte-1xh2y62{background:#fff;border:1px solid #dee2e6;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.tabs.svelte-1xh2y62{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex}.tabs.svelte-1xh2y62 button:where(.svelte-1xh2y62){color:#64748b;cursor:pointer;background:0 0;border:none;flex:1;padding:1rem;font-weight:600;transition:all .2s}.tabs.svelte-1xh2y62 button.active:where(.svelte-1xh2y62){color:#2563eb;background:#fff;border-bottom:2px solid #2563eb}.input-content.svelte-1xh2y62{padding:2rem}.url-input-group.svelte-1xh2y62{gap:1rem;display:flex}.input-wrapper.svelte-1xh2y62{background:#f1f5f9;border:1px solid #dee2e6;border-radius:10px;flex:1;align-items:center;padding:0 1rem;display:flex}.input-wrapper.svelte-1xh2y62 svg:where(.svelte-1xh2y62){color:#94a3b8;margin-right:.75rem}.input-wrapper.svelte-1xh2y62 input:where(.svelte-1xh2y62){background:0 0;border:none;outline:none;flex:1;padding:.8rem 0;font-size:1rem}.btn-primary.svelte-1xh2y62{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;display:flex}.btn-primary.svelte-1xh2y62:disabled{opacity:.7;cursor:not-allowed}.hint.svelte-1xh2y62{color:#64748b;margin-top:1rem;font-size:.85rem}.xml-input-group.svelte-1xh2y62 textarea:where(.svelte-1xh2y62){border:1px solid #dee2e6;border-radius:10px;outline:none;width:100%;height:300px;margin-bottom:1rem;padding:1rem;font-family:Fira Code,monospace;font-size:.9rem}.xml-actions.svelte-1xh2y62{gap:1rem;display:flex}.btn-clear.svelte-1xh2y62{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:.8rem 1.5rem;font-weight:600}.error-box.svelte-1xh2y62{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.75rem;margin:0 2rem 2rem;padding:1rem;display:flex}.stats-grid.svelte-1xh2y62{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card.svelte-1xh2y62{text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.stat-card.svelte-1xh2y62 .label:where(.svelte-1xh2y62){color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:700}.stat-card.svelte-1xh2y62 .value:where(.svelte-1xh2y62){color:#1e293b;font-size:1.5rem;font-weight:800}.stat-card.svelte-1xh2y62 .value.highlight:where(.svelte-1xh2y62){color:#2563eb}.stat-card.svelte-1xh2y62 .value.success:where(.svelte-1xh2y62){color:#16a34a}.table-card.svelte-1xh2y62{background:#fff;border:1px solid #dee2e6;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-1xh2y62{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.card-header-inner.svelte-1xh2y62 h3:where(.svelte-1xh2y62){color:#1e293b;margin:0;font-size:1.25rem}.btn-copy.svelte-1xh2y62{cursor:pointer;background:#f1f5f9;border:1px solid #dee2e6;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.table-wrapper.svelte-1xh2y62{overflow-x:auto}table.svelte-1xh2y62{border-collapse:collapse;width:100%;font-size:.9rem}th.svelte-1xh2y62{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #dee2e6;padding:1rem;font-weight:700}td.svelte-1xh2y62{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:1rem}.url-cell.svelte-1xh2y62{text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.type-badge.svelte-1xh2y62{text-transform:uppercase;border-radius:4px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.type-badge.url.svelte-1xh2y62{color:#2563eb;background:#eff6ff}.type-badge.sitemap.svelte-1xh2y62{color:#9333ea;background:#faf5ff}.table-footer.svelte-1xh2y62{text-align:center;color:#64748b;background:#f8fafc;border-top:1px solid #dee2e6;padding:1rem;font-size:.85rem}.spinner.svelte-1xh2y62{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite svelte-1xh2y62-spin}@keyframes svelte-1xh2y62-spin{to{transform:rotate(360deg)}}.article-container.svelte-1xh2y62{margin-top:4rem}.article-section.svelte-1xh2y62{margin-bottom:4rem}.article-section.svelte-1xh2y62 h2:where(.svelte-1xh2y62){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1xh2y62 p:where(.svelte-1xh2y62){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1xh2y62{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1xh2y62:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1xh2y62{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1xh2y62{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1xh2y62{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1xh2y62 h3:where(.svelte-1xh2y62){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1xh2y62 p:where(.svelte-1xh2y62){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1xh2y62{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1xh2y62{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1xh2y62 h3:where(.svelte-1xh2y62){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1xh2y62{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1xh2y62{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1xh2y62 h3:where(.svelte-1xh2y62){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-1xh2y62{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-1xh2y62 ul:where(.svelte-1xh2y62){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-1xh2y62 li:where(.svelte-1xh2y62){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-1xh2y62 li:where(.svelte-1xh2y62):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-1xh2y62{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1xh2y62{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1xh2y62 h3:where(.svelte-1xh2y62){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-1xh2y62{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1xh2y62{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1xh2y62 h3:where(.svelte-1xh2y62){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1xh2y62{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1xh2y62 h2:where(.svelte-1xh2y62){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1xh2y62 p:where(.svelte-1xh2y62){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1xh2y62{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1xh2y62:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.simple-steps.svelte-1xh2y62,.use-cases-grid.svelte-1xh2y62,.alternatives-grid.svelte-1xh2y62,.tips-card.svelte-1xh2y62 ul:where(.svelte-1xh2y62){grid-template-columns:1fr}}@media (max-width:768px){.url-input-group.svelte-1xh2y62{flex-direction:column}.btn-primary.svelte-1xh2y62{justify-content:center;width:100%}}@media (max-width:640px){.container.svelte-1xh2y62{padding:1rem}.header.svelte-1xh2y62 h1:where(.svelte-1xh2y62){font-size:2rem}.article-section.svelte-1xh2y62 h2:where(.svelte-1xh2y62){font-size:1.75rem}}.container.svelte-1oirb3c{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1oirb3c{text-align:center;margin-bottom:3rem}.header.svelte-1oirb3c h1:where(.svelte-1oirb3c){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1oirb3c p:where(.svelte-1oirb3c){color:#64748b;font-size:1.1rem}.tool-main.svelte-1oirb3c{grid-template-columns:1fr 400px;gap:2.5rem;margin-bottom:3rem;display:grid}.panel-card.svelte-1oirb3c{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-1oirb3c{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.card-header-inner.svelte-1oirb3c h2:where(.svelte-1oirb3c),.card-header-inner.svelte-1oirb3c h3:where(.svelte-1oirb3c){color:#1e293b;margin:0;font-size:1.25rem}.btn-add.svelte-1oirb3c{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.btn-add.svelte-1oirb3c:hover{color:#fff;background:#2563eb;border-color:#2563eb}.rules-list.svelte-1oirb3c{flex-direction:column;gap:1.5rem;display:flex}.rule-item.svelte-1oirb3c{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.rule-top.svelte-1oirb3c{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.ua-group.svelte-1oirb3c{flex:1}.ua-group.svelte-1oirb3c label:where(.svelte-1oirb3c){color:#64748b;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.ua-input-wrapper.svelte-1oirb3c{gap:.75rem;display:flex}select.svelte-1oirb3c,input.svelte-1oirb3c{background:#fff;border:1px solid #dee2e6;border-radius:8px;outline:none;padding:.6rem 1rem;font-size:.95rem}select.svelte-1oirb3c{flex:1}input.svelte-1oirb3c:focus,select.svelte-1oirb3c:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-remove.svelte-1oirb3c{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:8px;padding:.6rem;transition:all .2s}.btn-remove.svelte-1oirb3c:hover{background:#fef2f2;border-color:#ef4444}.paths-grid.svelte-1oirb3c{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.column-header.svelte-1oirb3c{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.label.svelte-1oirb3c{font-size:.85rem;font-weight:700}.label.disallow.svelte-1oirb3c{color:#dc2626}.label.allow.svelte-1oirb3c{color:#16a34a}.btn-path-add.svelte-1oirb3c{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.path-row.svelte-1oirb3c{gap:.5rem;margin-bottom:.5rem;display:flex}.path-row.svelte-1oirb3c input:where(.svelte-1oirb3c){flex:1;padding:.5rem .75rem;font-size:.9rem}.btn-path-remove.svelte-1oirb3c{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem}.btn-path-remove.svelte-1oirb3c:hover{color:#ef4444}.empty-hint.svelte-1oirb3c{color:#94a3b8;margin:.5rem 0;font-size:.85rem;font-style:italic}.sitemap-section.svelte-1oirb3c{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.sitemap-section.svelte-1oirb3c label:where(.svelte-1oirb3c){color:#4b5563;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.sitemap-input.svelte-1oirb3c{align-items:center;display:flex;position:relative}.sitemap-input.svelte-1oirb3c svg:where(.svelte-1oirb3c){color:#94a3b8;position:absolute;left:1rem}.sitemap-input.svelte-1oirb3c input:where(.svelte-1oirb3c){width:100%;padding-left:3rem}.output-panel.svelte-1oirb3c{flex-direction:column;display:flex}.output-card.svelte-1oirb3c{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.sticky-card.svelte-1oirb3c{position:sticky;top:2rem}.output-actions.svelte-1oirb3c{gap:.5rem;display:flex}.btn-copy.svelte-1oirb3c{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem 1rem;font-weight:600;transition:background .2s}.btn-copy.svelte-1oirb3c:hover{background:#1d4ed8}.btn-download.svelte-1oirb3c{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.btn-download.svelte-1oirb3c:hover{color:#2563eb;background:#f1f5f9;border-color:#bfdbfe}.code-block.svelte-1oirb3c{background:#0f172a;border-radius:8px;margin-top:1rem;padding:1.25rem;overflow-x:auto}.code-block.svelte-1oirb3c pre:where(.svelte-1oirb3c){margin:0}.code-block.svelte-1oirb3c code:where(.svelte-1oirb3c){color:#e2e8f0;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5}.article-container.svelte-1oirb3c{margin-top:4rem}.article-section.svelte-1oirb3c{margin-bottom:4rem}.article-section.svelte-1oirb3c h2:where(.svelte-1oirb3c){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1oirb3c p:where(.svelte-1oirb3c){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1oirb3c{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1oirb3c:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1oirb3c{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1oirb3c{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1oirb3c{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1oirb3c h3:where(.svelte-1oirb3c){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1oirb3c p:where(.svelte-1oirb3c){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1oirb3c{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1oirb3c{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1oirb3c h3:where(.svelte-1oirb3c){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1oirb3c{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1oirb3c{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1oirb3c h3:where(.svelte-1oirb3c){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-1oirb3c{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-1oirb3c ul:where(.svelte-1oirb3c){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-1oirb3c li:where(.svelte-1oirb3c){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-1oirb3c li:where(.svelte-1oirb3c):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-1oirb3c{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1oirb3c{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1oirb3c h3:where(.svelte-1oirb3c){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-1oirb3c{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1oirb3c{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1oirb3c h3:where(.svelte-1oirb3c){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1oirb3c{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1oirb3c h2:where(.svelte-1oirb3c){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1oirb3c p:where(.svelte-1oirb3c){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1oirb3c{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1oirb3c:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.tool-main.svelte-1oirb3c{grid-template-columns:1fr}.sticky-card.svelte-1oirb3c{position:static}.simple-steps.svelte-1oirb3c,.use-cases-grid.svelte-1oirb3c,.alternatives-grid.svelte-1oirb3c,.tips-card.svelte-1oirb3c ul:where(.svelte-1oirb3c){grid-template-columns:1fr}}@media (max-width:768px){.paths-grid.svelte-1oirb3c{grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1oirb3c{padding:1rem}.header.svelte-1oirb3c h1:where(.svelte-1oirb3c){font-size:2rem}.article-section.svelte-1oirb3c h2:where(.svelte-1oirb3c){font-size:1.75rem}}.container.svelte-fy701p{max-width:1200px;margin:0 auto;padding:2rem}.header.svelte-fy701p{text-align:center;margin-bottom:3rem}.header.svelte-fy701p h1:where(.svelte-fy701p){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-fy701p p:where(.svelte-fy701p){color:#64748b;font-size:1.1rem}.tool-main.svelte-fy701p{grid-template-columns:1fr 450px;gap:2.5rem;margin-bottom:3rem;display:grid}.panel-card.svelte-fy701p{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-fy701p{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.card-header-inner.svelte-fy701p h2:where(.svelte-fy701p),.card-header-inner.svelte-fy701p h3:where(.svelte-fy701p){color:#1e293b;margin:0;font-size:1.25rem}.btn-clear.svelte-fy701p{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600}.form-grid.svelte-fy701p{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group.full-width.svelte-fy701p{grid-column:span 2}.form-group.svelte-fy701p label:where(.svelte-fy701p){color:#4b5563;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}input.svelte-fy701p,textarea.svelte-fy701p,select.svelte-fy701p{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}input.svelte-fy701p:focus,textarea.svelte-fy701p:focus,select.svelte-fy701p:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.hint.svelte-fy701p{color:#94a3b8;margin-top:.4rem;font-size:.8rem;display:block}.preview-panel.svelte-fy701p{flex-direction:column;gap:2rem;display:flex}.preview-card.svelte-fy701p,.code-card.svelte-fy701p{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.preview-card.svelte-fy701p h3:where(.svelte-fy701p){margin-bottom:1.5rem}.social-card.svelte-fy701p{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-image.svelte-fy701p{background-color:#f1f5f9;background-position:50%;background-size:cover;justify-content:center;align-items:center;height:220px;display:flex}.image-placeholder.svelte-fy701p{color:#94a3b8;flex-direction:column;align-items:center;gap:.5rem;display:flex}.card-content.svelte-fy701p{border-top:1px solid #e2e8f0;padding:1rem}.card-url.svelte-fy701p{color:#64748b;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem}.card-title.svelte-fy701p{color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;line-height:1.4}.card-description.svelte-fy701p{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.btn-copy.svelte-fy701p{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.code-block.svelte-fy701p{background:#1e293b;border-radius:10px;padding:1.25rem;overflow-x:auto}pre.svelte-fy701p{color:#e2e8f0;margin:0;font-family:Fira Code,monospace;font-size:.85rem;line-height:1.6}.article-container.svelte-fy701p{margin-top:4rem}.article-section.svelte-fy701p{margin-bottom:4rem}.article-section.svelte-fy701p h2:where(.svelte-fy701p){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-fy701p p:where(.svelte-fy701p){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-fy701p{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-fy701p:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-fy701p{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-fy701p{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-fy701p{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-fy701p h3:where(.svelte-fy701p){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-fy701p p:where(.svelte-fy701p){margin-bottom:0;font-size:1rem}.simple-grid.svelte-fy701p{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-fy701p{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-fy701p h3:where(.svelte-fy701p){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-fy701p{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-fy701p{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-fy701p h3:where(.svelte-fy701p){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-fy701p{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-fy701p ul:where(.svelte-fy701p){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-fy701p li:where(.svelte-fy701p){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-fy701p li:where(.svelte-fy701p):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-fy701p{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-fy701p{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-fy701p h3:where(.svelte-fy701p){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-fy701p{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-fy701p{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-fy701p h3:where(.svelte-fy701p){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-fy701p{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-fy701p h2:where(.svelte-fy701p){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-fy701p p:where(.svelte-fy701p){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-fy701p{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-fy701p:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.tool-main.svelte-fy701p,.simple-steps.svelte-fy701p,.use-cases-grid.svelte-fy701p,.alternatives-grid.svelte-fy701p,.tips-card.svelte-fy701p ul:where(.svelte-fy701p){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-fy701p{padding:1rem}.header.svelte-fy701p h1:where(.svelte-fy701p){font-size:2rem}.form-grid.svelte-fy701p{grid-template-columns:1fr}.form-group.full-width.svelte-fy701p{grid-column:span 1}}.container.svelte-6pxodk{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-6pxodk{text-align:center;margin-bottom:3rem}.header.svelte-6pxodk h1:where(.svelte-6pxodk){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-6pxodk p:where(.svelte-6pxodk){color:#64748b;font-size:1.1rem}.tool-main.svelte-6pxodk{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.input-card.svelte-6pxodk{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.input-group.svelte-6pxodk{gap:1rem;display:flex}.input-wrapper.svelte-6pxodk{background:#f1f5f9;border:1px solid #dee2e6;border-radius:12px;flex:1;align-items:center;padding:0 1.25rem;transition:all .2s;display:flex}.input-wrapper.svelte-6pxodk:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.input-wrapper.svelte-6pxodk svg:where(.svelte-6pxodk){color:#94a3b8;margin-right:.75rem}.input-wrapper.svelte-6pxodk input:where(.svelte-6pxodk){color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:1rem 0;font-size:1rem}.btn-primary.svelte-6pxodk{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:0 2rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-6pxodk:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-primary.svelte-6pxodk:disabled{opacity:.7;cursor:not-allowed}.error-box.svelte-6pxodk{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.result-display.svelte-6pxodk{background:#fff;border:1px solid #dee2e6;border-radius:20px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.status-banner.svelte-6pxodk{border-bottom:1px solid #f1f5f9;align-items:center;gap:2rem;padding:2.5rem;display:flex}.status-banner.blocked.svelte-6pxodk{background:#fff1f2}.status-banner.allowed.svelte-6pxodk{background:#f0fdf4}.status-icon.svelte-6pxodk{font-size:3.5rem}.status-text.svelte-6pxodk h2:where(.svelte-6pxodk){color:#1e293b;margin:0 0 .5rem;font-size:1.75rem}.url-display.svelte-6pxodk{color:#64748b;word-break:break-all;font-family:monospace}.details-grid.svelte-6pxodk{background:#f8fafc;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem;display:grid}.detail-card.svelte-6pxodk{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.detail-card.svelte-6pxodk .label:where(.svelte-6pxodk){color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.detail-card.svelte-6pxodk .value:where(.svelte-6pxodk){color:#1e293b;font-size:1.1rem;font-weight:600}.value.code.svelte-6pxodk{word-break:break-all;background:#f1f5f9;border-radius:4px;padding:.25rem .5rem;font-family:Fira Code,monospace;font-size:.9rem}.status-tag.svelte-6pxodk{border-radius:50px;padding:.25rem .75rem;font-size:.85rem;font-weight:700;display:inline-block}.status-tag.red.svelte-6pxodk{color:#dc2626;background:#fee2e2}.status-tag.green.svelte-6pxodk{color:#16a34a;background:#dcfce7}.advanced-section.svelte-6pxodk{background:#f8fafc;padding:0 2rem 2rem}.btn-toggle.svelte-6pxodk{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:0;font-weight:600;display:flex}.btn-toggle.svelte-6pxodk svg:where(.svelte-6pxodk){transition:transform .3s}.btn-toggle.svelte-6pxodk svg.rotated:where(.svelte-6pxodk){transform:rotate(180deg)}.advanced-grid.svelte-6pxodk{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.meta-item.svelte-6pxodk{flex-direction:column;gap:.25rem;display:flex}.meta-item.svelte-6pxodk strong:where(.svelte-6pxodk){color:#64748b;font-size:.85rem}.meta-item.svelte-6pxodk span:where(.svelte-6pxodk){color:#1e293b;line-height:1.5}.spinner.svelte-6pxodk{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite svelte-6pxodk-spin}@keyframes svelte-6pxodk-spin{to{transform:rotate(360deg)}}.article-container.svelte-6pxodk{margin-top:4rem}.article-section.svelte-6pxodk{margin-bottom:4rem}.article-section.svelte-6pxodk h2:where(.svelte-6pxodk){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-6pxodk p:where(.svelte-6pxodk){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-6pxodk{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-6pxodk:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-6pxodk{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-6pxodk{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-6pxodk{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-6pxodk h3:where(.svelte-6pxodk){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-6pxodk p:where(.svelte-6pxodk){margin-bottom:0;font-size:1rem}.simple-grid.svelte-6pxodk{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-6pxodk{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-6pxodk h3:where(.svelte-6pxodk){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-6pxodk{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-6pxodk{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-6pxodk h3:where(.svelte-6pxodk){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-6pxodk{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-6pxodk ul:where(.svelte-6pxodk){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-6pxodk li:where(.svelte-6pxodk){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-6pxodk li:where(.svelte-6pxodk):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-6pxodk{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-6pxodk{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-6pxodk h3:where(.svelte-6pxodk){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-6pxodk{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-6pxodk{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-6pxodk h3:where(.svelte-6pxodk){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-6pxodk{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-6pxodk h2:where(.svelte-6pxodk){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-6pxodk p:where(.svelte-6pxodk){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-6pxodk{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-6pxodk:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.details-grid.svelte-6pxodk,.simple-steps.svelte-6pxodk,.use-cases-grid.svelte-6pxodk,.alternatives-grid.svelte-6pxodk,.tips-card.svelte-6pxodk ul:where(.svelte-6pxodk){grid-template-columns:1fr}}@media (max-width:768px){.input-group.svelte-6pxodk{flex-direction:column}.btn-primary.svelte-6pxodk{justify-content:center;padding:1rem}.status-banner.svelte-6pxodk{text-align:center;flex-direction:column;padding:2rem}}@media (max-width:640px){.container.svelte-6pxodk{padding:1rem}.header.svelte-6pxodk h1:where(.svelte-6pxodk){font-size:2rem}.article-section.svelte-6pxodk h2:where(.svelte-6pxodk){font-size:1.75rem}}.container.svelte-1imh43y{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1imh43y{text-align:center;margin-bottom:3rem}.header.svelte-1imh43y h1:where(.svelte-1imh43y){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1imh43y p:where(.svelte-1imh43y){color:#64748b;font-size:1.1rem}.tool-main.svelte-1imh43y{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.input-card.svelte-1imh43y{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.input-group.svelte-1imh43y{gap:1rem;display:flex}.input-wrapper.svelte-1imh43y{background:#f1f5f9;border:1px solid #dee2e6;border-radius:12px;flex:1;align-items:center;padding:0 1.25rem;transition:all .2s;display:flex}.input-wrapper.svelte-1imh43y:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.input-wrapper.svelte-1imh43y svg:where(.svelte-1imh43y){color:#94a3b8;margin-right:.75rem}.input-wrapper.svelte-1imh43y input:where(.svelte-1imh43y){color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:1rem 0;font-size:1rem}.btn-primary.svelte-1imh43y{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:0 2rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-1imh43y:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-primary.svelte-1imh43y:disabled{opacity:.7;cursor:not-allowed}.error-box.svelte-1imh43y{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.results-grid.svelte-1imh43y{grid-template-columns:300px 1fr;gap:2rem;display:grid}.score-card.svelte-1imh43y{text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:20px;flex-direction:column;align-items:center;padding:2.5rem;display:flex;box-shadow:0 4px 6px #0000000d}.score-circle.svelte-1imh43y{border:10px solid #f1f5f9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:1.5rem;transition:all .5s;display:flex}.score-circle.good.svelte-1imh43y{color:#16a34a;border-color:#16a34a}.score-circle.average.svelte-1imh43y{color:#eab308;border-color:#eab308}.score-circle.bad.svelte-1imh43y{color:#dc2626;border-color:#dc2626}.score-number.svelte-1imh43y{font-size:3rem;font-weight:800;line-height:1}.score-label.svelte-1imh43y{color:#64748b;font-size:1rem;font-weight:600}.score-status.svelte-1imh43y{margin:0;font-size:1.25rem;font-weight:700}.issues-card.svelte-1imh43y{background:#fff;border:1px solid #dee2e6;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 6px #0000000d}.issues-card.svelte-1imh43y h3:where(.svelte-1imh43y){color:#1e293b;margin:0 0 1.5rem;font-size:1.25rem}.success-message.svelte-1imh43y{color:#166534;background:#f0fdf4;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.success-message.svelte-1imh43y .icon:where(.svelte-1imh43y){font-size:2rem}.issues-list.svelte-1imh43y{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.issues-list.svelte-1imh43y li:where(.svelte-1imh43y){color:#991b1b;background:#fff1f2;border-radius:12px;gap:1rem;padding:1rem;font-weight:500;display:flex}.details-card.svelte-1imh43y{background:#fff;border:1px solid #dee2e6;border-radius:20px;grid-column:2;padding:2rem;box-shadow:0 4px 6px #0000000d}.details-card.svelte-1imh43y h3:where(.svelte-1imh43y){color:#1e293b;margin:0 0 1.5rem;font-size:1.25rem}.detail-rows.svelte-1imh43y{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.detail-row.svelte-1imh43y{border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem}.detail-row.svelte-1imh43y:last-child{border-bottom:none}.row-header.svelte-1imh43y{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.badge.svelte-1imh43y{color:#64748b;background:#f1f5f9;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.badge.red.svelte-1imh43y{color:#dc2626;background:#fee2e2}.preview-text.svelte-1imh43y{color:#1e293b;margin:0;font-weight:500;line-height:1.5}.preview-text.missing.svelte-1imh43y{color:#94a3b8;font-style:italic}.h1-list.svelte-1imh43y{flex-direction:column;gap:.5rem;display:flex}.h1-item.svelte-1imh43y{color:#1e293b;background:#f8fafc;border-left:4px solid #2563eb;border-radius:8px;margin:0;padding:.75rem;font-weight:600}.stats-grid-inner.svelte-1imh43y{border-top:2px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem;display:grid}.stat-item.svelte-1imh43y{text-align:center;background:#f8fafc;border-radius:12px;padding:1rem}.stat-item.warning.svelte-1imh43y{background:#fffbeb}.stat-item.warning.svelte-1imh43y .stat-value:where(.svelte-1imh43y){color:#d97706}.stat-value.svelte-1imh43y{color:#1e293b;font-size:1.5rem;font-weight:800;display:block}.stat-label.svelte-1imh43y{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:600}.spinner.svelte-1imh43y{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite svelte-1imh43y-spin}@keyframes svelte-1imh43y-spin{to{transform:rotate(360deg)}}.article-container.svelte-1imh43y{margin-top:4rem}.article-section.svelte-1imh43y{margin-bottom:4rem}.article-section.svelte-1imh43y h2:where(.svelte-1imh43y){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1imh43y p:where(.svelte-1imh43y){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1imh43y{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1imh43y:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1imh43y{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1imh43y{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1imh43y{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1imh43y h3:where(.svelte-1imh43y){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1imh43y p:where(.svelte-1imh43y){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1imh43y{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1imh43y{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1imh43y h3:where(.svelte-1imh43y){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1imh43y{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1imh43y{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1imh43y h3:where(.svelte-1imh43y){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-1imh43y{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-1imh43y ul:where(.svelte-1imh43y){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-1imh43y li:where(.svelte-1imh43y){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-1imh43y li:where(.svelte-1imh43y):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-1imh43y{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1imh43y{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1imh43y h3:where(.svelte-1imh43y){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-1imh43y{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1imh43y{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1imh43y h3:where(.svelte-1imh43y){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1imh43y{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1imh43y h2:where(.svelte-1imh43y){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1imh43y p:where(.svelte-1imh43y){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1imh43y{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1imh43y:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.results-grid.svelte-1imh43y{grid-template-columns:1fr}.details-card.svelte-1imh43y{grid-column:1}.simple-steps.svelte-1imh43y,.use-cases-grid.svelte-1imh43y,.alternatives-grid.svelte-1imh43y,.tips-card.svelte-1imh43y ul:where(.svelte-1imh43y){grid-template-columns:1fr}}@media (max-width:768px){.input-group.svelte-1imh43y{flex-direction:column}.btn-primary.svelte-1imh43y{justify-content:center;padding:1rem}.stats-grid-inner.svelte-1imh43y{grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1imh43y{padding:1rem}.header.svelte-1imh43y h1:where(.svelte-1imh43y){font-size:2rem}.article-section.svelte-1imh43y h2:where(.svelte-1imh43y){font-size:1.75rem}}.container.svelte-dhwfcs{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-dhwfcs{text-align:center;margin-bottom:3rem}.header.svelte-dhwfcs h1:where(.svelte-dhwfcs){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-dhwfcs p:where(.svelte-dhwfcs){color:#64748b;font-size:1.1rem}.tool-tabs.svelte-dhwfcs{border-bottom:1px solid #dee2e6;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.tab-btn.svelte-dhwfcs{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.tab-btn.svelte-dhwfcs:hover{color:#1e293b;background:#f1f5f9}.tab-btn.active.svelte-dhwfcs{color:#fff;background:#2563eb}.docs-section.svelte-dhwfcs{background:#fff;border:1px solid #dee2e6;border-radius:16px;margin-bottom:3rem;padding:2rem}.docs-nav.svelte-dhwfcs{border-bottom:1px solid #dee2e6;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.doc-nav-btn.svelte-dhwfcs{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-weight:600;position:relative}.doc-nav-btn.active.svelte-dhwfcs{color:#2563eb}.doc-nav-btn.active.svelte-dhwfcs:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-1rem;left:0;right:0}.doc-pane.svelte-dhwfcs h2:where(.svelte-dhwfcs){color:#1e293b;margin-bottom:1.5rem;font-size:1.75rem}.doc-pane.svelte-dhwfcs p:where(.svelte-dhwfcs){color:#475569;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.tool-main.svelte-dhwfcs{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.panel-card.svelte-dhwfcs,.results-card.svelte-dhwfcs{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-dhwfcs{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header-inner.svelte-dhwfcs h2:where(.svelte-dhwfcs){color:#1e293b;margin:0;font-size:1.25rem}.stats-badges.svelte-dhwfcs{gap:1rem;display:flex}.badge.svelte-dhwfcs{color:#475569;background:#f1f5f9;border-radius:50px;padding:.4rem 1rem;font-size:.85rem}.badge.svelte-dhwfcs strong:where(.svelte-dhwfcs){color:#2563eb}textarea.svelte-dhwfcs{resize:vertical;background:#f8fafc;border:1px solid #dee2e6;border-radius:12px;outline:none;width:100%;height:400px;padding:1.5rem;font-size:1rem;line-height:1.6;transition:all .2s}textarea.svelte-dhwfcs:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.table-wrapper.svelte-dhwfcs{overflow-x:auto}table.svelte-dhwfcs{border-collapse:collapse;width:100%;margin-top:1rem}th.svelte-dhwfcs{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #dee2e6;padding:1rem;font-size:.85rem;font-weight:700}td.svelte-dhwfcs{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:1rem}.rank-cell.svelte-dhwfcs{color:#94a3b8;width:80px;font-weight:600}.keyword-cell.svelte-dhwfcs{color:#2563eb;font-weight:700}.density-cell.svelte-dhwfcs{font-weight:600}.status-tag.svelte-dhwfcs{text-transform:uppercase;border-radius:50px;padding:.3rem .75rem;font-size:.75rem;font-weight:700}.status-tag.optimal.svelte-dhwfcs{color:#166534;background:#dcfce7}.status-tag.low.svelte-dhwfcs{color:#854d0e;background:#fef9c3}.status-tag.high.svelte-dhwfcs{color:#991b1b;background:#fee2e2}.article-container.svelte-dhwfcs{margin-top:4rem}.article-section.svelte-dhwfcs{margin-bottom:4rem}.article-section.svelte-dhwfcs h2:where(.svelte-dhwfcs){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-dhwfcs p:where(.svelte-dhwfcs){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-dhwfcs{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-dhwfcs:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-dhwfcs{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-dhwfcs{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;transition:all .3s}.step.svelte-dhwfcs:hover{background:#fff;border-color:#2563eb;transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.step-circle.svelte-dhwfcs{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-dhwfcs h3:where(.svelte-dhwfcs){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-dhwfcs p:where(.svelte-dhwfcs){margin-bottom:0;font-size:1rem}.simple-grid.svelte-dhwfcs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-dhwfcs{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-dhwfcs h3:where(.svelte-dhwfcs){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-dhwfcs{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-dhwfcs{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-dhwfcs h3:where(.svelte-dhwfcs){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-dhwfcs{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-dhwfcs ul:where(.svelte-dhwfcs){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-dhwfcs li:where(.svelte-dhwfcs){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-dhwfcs li:where(.svelte-dhwfcs):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-dhwfcs{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-dhwfcs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-dhwfcs h3:where(.svelte-dhwfcs){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-dhwfcs{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-dhwfcs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-dhwfcs h3:where(.svelte-dhwfcs){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-dhwfcs{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-dhwfcs h2:where(.svelte-dhwfcs){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-dhwfcs p:where(.svelte-dhwfcs){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-dhwfcs{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-dhwfcs:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.simple-steps.svelte-dhwfcs,.use-cases-grid.svelte-dhwfcs,.alternatives-grid.svelte-dhwfcs,.tips-card.svelte-dhwfcs ul:where(.svelte-dhwfcs){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-dhwfcs{padding:1rem}.header.svelte-dhwfcs h1:where(.svelte-dhwfcs){font-size:2rem}.article-section.svelte-dhwfcs h2:where(.svelte-dhwfcs){font-size:1.75rem}}.container.svelte-1jjgfd1{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1jjgfd1{text-align:center;margin-bottom:3rem}.header.svelte-1jjgfd1 h1:where(.svelte-1jjgfd1){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1jjgfd1 p:where(.svelte-1jjgfd1){color:#64748b;font-size:1.1rem}.tool-main.svelte-1jjgfd1{grid-template-columns:1fr 400px;gap:2rem;margin-bottom:3rem;display:grid}.panel-card.svelte-1jjgfd1,.results-card.svelte-1jjgfd1{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;height:100%;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-1jjgfd1{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header-inner.svelte-1jjgfd1 h2:where(.svelte-1jjgfd1){color:#1e293b;margin:0;font-size:1.25rem}.settings-inline.svelte-1jjgfd1{gap:1.5rem;display:flex}.setting.svelte-1jjgfd1{flex-direction:column;gap:.25rem;display:flex}.setting.svelte-1jjgfd1 label:where(.svelte-1jjgfd1){color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}input[type=range].svelte-1jjgfd1{width:100px}textarea.svelte-1jjgfd1{resize:none;background:#f8fafc;border:1px solid #dee2e6;border-radius:12px;outline:none;width:100%;height:450px;padding:1.25rem;font-size:1rem;line-height:1.6;transition:all .2s}textarea.svelte-1jjgfd1:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.btn-copy.svelte-1jjgfd1{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.keywords-grid.svelte-1jjgfd1{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.keyword-tag.svelte-1jjgfd1{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:flex}.keyword-tag.svelte-1jjgfd1 .count:where(.svelte-1jjgfd1){color:#fff;background:#2563eb;border-radius:50px;padding:.1rem .5rem;font-size:.75rem}.list-section.svelte-1jjgfd1 h3:where(.svelte-1jjgfd1){color:#64748b;margin-bottom:.75rem;font-size:.9rem}.list-box.svelte-1jjgfd1{color:#475569;word-break:break-all;background:#f1f5f9;border-radius:10px;padding:1rem;font-size:.9rem;line-height:1.6}.empty-state.svelte-1jjgfd1{color:#94a3b8;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:3rem 0;display:flex}.article-container.svelte-1jjgfd1{margin-top:4rem}.article-section.svelte-1jjgfd1{margin-bottom:4rem}.article-section.svelte-1jjgfd1 h2:where(.svelte-1jjgfd1){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1jjgfd1 p:where(.svelte-1jjgfd1){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1jjgfd1{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1jjgfd1:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1jjgfd1{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1jjgfd1{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1jjgfd1{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1jjgfd1 h3:where(.svelte-1jjgfd1){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1jjgfd1 p:where(.svelte-1jjgfd1){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1jjgfd1{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1jjgfd1{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1jjgfd1 h3:where(.svelte-1jjgfd1){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1jjgfd1{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1jjgfd1{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1jjgfd1 h3:where(.svelte-1jjgfd1){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-1jjgfd1{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-1jjgfd1 ul:where(.svelte-1jjgfd1){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-1jjgfd1 li:where(.svelte-1jjgfd1){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-1jjgfd1 li:where(.svelte-1jjgfd1):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-1jjgfd1{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1jjgfd1{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1jjgfd1 h3:where(.svelte-1jjgfd1){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-1jjgfd1{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1jjgfd1{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1jjgfd1 h3:where(.svelte-1jjgfd1){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1jjgfd1{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1jjgfd1 h2:where(.svelte-1jjgfd1){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1jjgfd1 p:where(.svelte-1jjgfd1){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1jjgfd1{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1jjgfd1:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.tool-main.svelte-1jjgfd1,.simple-steps.svelte-1jjgfd1,.use-cases-grid.svelte-1jjgfd1,.alternatives-grid.svelte-1jjgfd1,.tips-card.svelte-1jjgfd1 ul:where(.svelte-1jjgfd1){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1jjgfd1{padding:1rem}.header.svelte-1jjgfd1 h1:where(.svelte-1jjgfd1){font-size:2rem}.article-section.svelte-1jjgfd1 h2:where(.svelte-1jjgfd1){font-size:1.75rem}}.container.svelte-svkzh4{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-svkzh4{text-align:center;margin-bottom:3rem}.header.svelte-svkzh4 h1:where(.svelte-svkzh4){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.header.svelte-svkzh4 p:where(.svelte-svkzh4){color:var(--text-secondary);font-size:1.1rem}.main-card.svelte-svkzh4{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;margin-bottom:3rem;padding:2rem}.panel-header.svelte-svkzh4{margin-bottom:2rem}.panel-header.svelte-svkzh4 h2:where(.svelte-svkzh4){color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem}.panel-header.svelte-svkzh4 p:where(.svelte-svkzh4){color:var(--text-secondary);margin:0;font-size:.9rem}.options-grid.svelte-svkzh4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.option-box.svelte-svkzh4{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;border-radius:2px;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .2s;display:flex;position:relative}.option-box.svelte-svkzh4:hover{border-color:var(--interactive-primary);background:var(--surface-base);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.option-box.svelte-svkzh4 input[type=checkbox]:where(.svelte-svkzh4){opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark.svelte-svkzh4{background-color:var(--surface-base);border:2px solid var(--border-secondary);border-radius:2px;flex-shrink:0;width:18px;height:18px;margin-top:2px;transition:all .2s;position:relative}.option-box.svelte-svkzh4 input:where(.svelte-svkzh4):checked~.checkmark:where(.svelte-svkzh4){background-color:var(--interactive-primary);border-color:var(--interactive-primary)}.checkmark.svelte-svkzh4:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.option-box.svelte-svkzh4 input:where(.svelte-svkzh4):checked~.checkmark:where(.svelte-svkzh4):after{display:block}.option-content.svelte-svkzh4{flex:1}.option-content.svelte-svkzh4 strong:where(.svelte-svkzh4){color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.option-content.svelte-svkzh4 p:where(.svelte-svkzh4){color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.section-title.svelte-svkzh4{color:var(--text-primary);border-bottom:2px solid var(--border-primary);margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.custom-domains-section.svelte-svkzh4{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:2px;margin:2rem 0;padding:1.5rem}.custom-domains-section.svelte-svkzh4 label:where(.svelte-svkzh4){flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.custom-domains-section.svelte-svkzh4 strong:where(.svelte-svkzh4){color:var(--text-primary);font-size:.95rem}.label-hint.svelte-svkzh4{color:var(--text-secondary);font-size:.8rem;font-weight:400}.custom-input.svelte-svkzh4{border:1px solid var(--border-primary);background:var(--surface-base);width:100%;color:var(--text-primary);border-radius:2px;padding:.75rem;font-size:.9rem;transition:border-color .2s}.custom-input.svelte-svkzh4:focus{border-color:var(--interactive-primary);outline:none}.custom-input.svelte-svkzh4::placeholder{color:var(--text-secondary);opacity:.6}.pro-tip.svelte-svkzh4{color:var(--interactive-primary);background:#2563eb0d;border:1px dashed #2563eb4d;border-radius:2px;align-items:flex-start;gap:.75rem;margin-bottom:2rem;padding:1rem;font-size:.85rem;line-height:1.5;display:flex}.pro-tip.svelte-svkzh4 svg:where(.svelte-svkzh4){flex-shrink:0;margin-top:2px}.pro-tip.svelte-svkzh4 p:where(.svelte-svkzh4){margin:0}.output-section.svelte-svkzh4{color:#f8fafc;background:#1e293b;border-radius:2px;padding:2rem}.output-header.svelte-svkzh4{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.output-header.svelte-svkzh4 h2:where(.svelte-svkzh4){color:#f8fafc;margin:0;font-size:1.25rem}.btn-copy.svelte-svkzh4{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:2px;padding:.6rem 1.2rem;font-weight:600;transition:background .2s}.btn-copy.svelte-svkzh4:hover{background:var(--interactive-primary-hover)}.code-preview.svelte-svkzh4{background:#0f172a;border-radius:2px;margin-bottom:2rem;padding:1.5rem}.header-name.svelte-svkzh4{color:#38bdf8;margin-bottom:.75rem;font-family:monospace;font-size:.9rem;font-weight:700}.header-value.svelte-svkzh4 code:where(.svelte-svkzh4){color:#e2e8f0;word-break:break-all;font-family:monospace;font-size:.85rem;line-height:1.6}.implementation-guide.svelte-svkzh4 h4:where(.svelte-svkzh4){color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;font-size:.75rem;font-weight:700}.impl-grid.svelte-svkzh4{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.impl-card.svelte-svkzh4{min-width:0}.impl-card.svelte-svkzh4 span:where(.svelte-svkzh4){color:#94a3b8;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.impl-card.svelte-svkzh4 pre:where(.svelte-svkzh4){background:#0f172a;border-radius:2px;max-width:100%;margin:0;padding:1rem;overflow-x:auto}.impl-card.svelte-svkzh4 code:where(.svelte-svkzh4){color:#f8fafc;font-family:monospace;font-size:.85rem}.article-container.svelte-svkzh4{border-top:1px solid var(--border-primary);margin-top:4rem;padding-top:2rem}.article-section.svelte-svkzh4{margin-bottom:4rem}.article-section.svelte-svkzh4 h2:where(.svelte-svkzh4){color:var(--text-primary);text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-svkzh4 p:where(.svelte-svkzh4){color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-svkzh4{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-svkzh4:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-svkzh4{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-svkzh4{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;padding:2rem}.step-circle.svelte-svkzh4{background:var(--interactive-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-svkzh4 h3:where(.svelte-svkzh4){color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.step.svelte-svkzh4 p:where(.svelte-svkzh4){margin-bottom:0;font-size:1rem}.simple-grid.svelte-svkzh4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-svkzh4{background:var(--surface-base);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);border-radius:2px;padding:2rem}.simple-card.svelte-svkzh4 h3:where(.svelte-svkzh4){color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-svkzh4{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.use-case-card.svelte-svkzh4{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;padding:2rem}.use-case-card.svelte-svkzh4 h3:where(.svelte-svkzh4){color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.tips-card.svelte-svkzh4{background:#eff6ff;border:1px solid #bfdbfe;border-radius:2px;padding:2rem}.tips-card.svelte-svkzh4 ul:where(.svelte-svkzh4){margin:0;padding-left:1.5rem}.tips-card.svelte-svkzh4 li:where(.svelte-svkzh4){color:#1e40af;margin-bottom:1rem;line-height:1.6}.alternatives-grid.svelte-svkzh4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.alt-card.svelte-svkzh4{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;padding:1.5rem}.alt-card.svelte-svkzh4 h3:where(.svelte-svkzh4){color:var(--text-primary);margin-bottom:.5rem}.faq-list.svelte-svkzh4{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-svkzh4{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;padding:1.5rem}.faq-item.svelte-svkzh4 h3:where(.svelte-svkzh4){color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem}.faq-item.svelte-svkzh4 p:where(.svelte-svkzh4){margin:0;font-size:1rem}.final-cta.svelte-svkzh4{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;margin-top:4rem;padding:3rem}.final-cta.svelte-svkzh4 h2:where(.svelte-svkzh4){color:var(--text-primary);margin-bottom:1rem;font-size:2rem}.btn-cta-main.svelte-svkzh4{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:2px;margin-top:1.5rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:inline-block}.btn-cta-main.svelte-svkzh4:hover{background:var(--interactive-primary-hover);transform:translateY(-2px)}@media (max-width:1024px){.simple-steps.svelte-svkzh4,.impl-grid.svelte-svkzh4{grid-template-columns:1fr}}.container.svelte-o2uuxo{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-o2uuxo{text-align:center;margin-bottom:3rem}.header.svelte-o2uuxo h1:where(.svelte-o2uuxo){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-o2uuxo p:where(.svelte-o2uuxo){color:#64748b;font-size:1.1rem}.tool-main.svelte-o2uuxo{margin-bottom:3rem}.generator-grid.svelte-o2uuxo{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.panel-card.svelte-o2uuxo{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.form-group.svelte-o2uuxo{margin-bottom:1.5rem}.form-group.svelte-o2uuxo label:where(.svelte-o2uuxo){color:#475569;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:block}select.svelte-o2uuxo,input.svelte-o2uuxo,textarea.svelte-o2uuxo{background:#f8fafc;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}select.svelte-o2uuxo:focus,input.svelte-o2uuxo:focus,textarea.svelte-o2uuxo:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.faq-input-group.svelte-o2uuxo{background:#f1f5f9;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.faq-header-inner.svelte-o2uuxo{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:flex}.btn-remove.svelte-o2uuxo{color:#ef4444;cursor:pointer;background:0 0;border:none;font-weight:600}.btn-add.svelte-o2uuxo{color:#64748b;cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;width:100%;padding:1rem;font-weight:600;transition:all .2s}.btn-add.svelte-o2uuxo:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.card-header-inner.svelte-o2uuxo{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header-inner.svelte-o2uuxo h3:where(.svelte-o2uuxo){color:#1e293b;margin:0;font-size:1.25rem}.btn-copy.svelte-o2uuxo{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.btn-copy.svelte-o2uuxo:hover{background:#1d4ed8}.code-block.svelte-o2uuxo{background:#1e293b;border-radius:12px;height:500px;padding:1.25rem;overflow-x:auto}pre.svelte-o2uuxo{color:#38bdf8;margin:0;font-family:Fira Code,monospace;font-size:.85rem;line-height:1.6}.article-container.svelte-o2uuxo{margin-top:4rem}.article-section.svelte-o2uuxo{margin-bottom:4rem}.article-section.svelte-o2uuxo h2:where(.svelte-o2uuxo){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-o2uuxo p:where(.svelte-o2uuxo){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-o2uuxo{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-o2uuxo:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-o2uuxo{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-o2uuxo{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-o2uuxo{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-o2uuxo h3:where(.svelte-o2uuxo){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-o2uuxo p:where(.svelte-o2uuxo){margin-bottom:0;font-size:1rem}.simple-grid.svelte-o2uuxo{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-o2uuxo{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-o2uuxo h3:where(.svelte-o2uuxo){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-o2uuxo{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-o2uuxo{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-o2uuxo h3:where(.svelte-o2uuxo){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-o2uuxo{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-o2uuxo ul:where(.svelte-o2uuxo){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-o2uuxo li:where(.svelte-o2uuxo){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-o2uuxo li:where(.svelte-o2uuxo):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-o2uuxo{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-o2uuxo{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-o2uuxo h3:where(.svelte-o2uuxo){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-o2uuxo{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-o2uuxo{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-o2uuxo h3:where(.svelte-o2uuxo){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-o2uuxo{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-o2uuxo h2:where(.svelte-o2uuxo){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-o2uuxo p:where(.svelte-o2uuxo){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-o2uuxo{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-o2uuxo:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.generator-grid.svelte-o2uuxo,.simple-steps.svelte-o2uuxo,.use-cases-grid.svelte-o2uuxo,.alternatives-grid.svelte-o2uuxo,.tips-card.svelte-o2uuxo ul:where(.svelte-o2uuxo){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-o2uuxo{padding:1rem}.header.svelte-o2uuxo h1:where(.svelte-o2uuxo){font-size:2rem}.article-section.svelte-o2uuxo h2:where(.svelte-o2uuxo){font-size:1.75rem}}.container.svelte-mlh1az{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-mlh1az{text-align:center;margin-bottom:3rem}.header.svelte-mlh1az h1:where(.svelte-mlh1az){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-mlh1az p:where(.svelte-mlh1az){color:#64748b;font-size:1.1rem}.tool-main.svelte-mlh1az{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.search-card.svelte-mlh1az{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.input-group.svelte-mlh1az{flex-direction:column;gap:1.25rem;display:flex}.input-wrapper.svelte-mlh1az{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;align-items:center;padding:0 1.25rem;transition:all .2s;display:flex;position:relative}.input-wrapper.svelte-mlh1az:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.search-icon.svelte-mlh1az{color:#94a3b8;margin-right:1rem}input.svelte-mlh1az{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:1rem 0;font-size:1.1rem}.btn-clear.svelte-mlh1az{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-clear.svelte-mlh1az:hover{color:#ef4444;background:#fee2e2}.button-group.svelte-mlh1az{gap:1rem;display:flex}.btn-primary.svelte-mlh1az{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-mlh1az:hover:not(:disabled){background:#1d4ed8}.btn-primary.svelte-mlh1az:disabled{opacity:.7;cursor:not-allowed}.btn-secondary.svelte-mlh1az{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:10px;flex:1;padding:1rem;font-weight:600;transition:all .2s}.btn-secondary.svelte-mlh1az:hover:not(:disabled){background:#f8f9fa;border-color:#cbd5e1}.spinner.svelte-mlh1az{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite svelte-mlh1az-spin}@keyframes svelte-mlh1az-spin{to{transform:rotate(360deg)}}.error-message.svelte-mlh1az{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.75rem;margin-top:1.25rem;padding:1rem;font-size:.9rem;display:flex}.results-grid.svelte-mlh1az{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.result-card.svelte-mlh1az{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-mlh1az{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-header-inner.svelte-mlh1az .icon:where(.svelte-mlh1az){font-size:1.25rem}.card-header-inner.svelte-mlh1az h3:where(.svelte-mlh1az){color:#1e293b;margin:0;font-size:1rem;font-weight:700}.info-list.svelte-mlh1az{flex-direction:column;gap:1rem;display:flex}.info-item.svelte-mlh1az{flex-direction:column;gap:.25rem;display:flex}.label.svelte-mlh1az{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:.75rem;font-weight:700}.value.svelte-mlh1az{color:#1e293b;word-break:break-all;font-size:1rem;font-weight:600}.article-container.svelte-mlh1az{margin-top:4rem}.article-section.svelte-mlh1az{margin-bottom:4rem}.article-section.svelte-mlh1az h2:where(.svelte-mlh1az){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-mlh1az p:where(.svelte-mlh1az){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-mlh1az{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-mlh1az:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-mlh1az{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-mlh1az{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-mlh1az{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-mlh1az h3:where(.svelte-mlh1az){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-mlh1az p:where(.svelte-mlh1az){margin-bottom:0;font-size:1rem}.simple-grid.svelte-mlh1az{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-mlh1az{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-mlh1az h3:where(.svelte-mlh1az){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-mlh1az{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-mlh1az{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-mlh1az h3:where(.svelte-mlh1az){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-mlh1az{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-mlh1az ul:where(.svelte-mlh1az){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-mlh1az li:where(.svelte-mlh1az){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-mlh1az li:where(.svelte-mlh1az):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-mlh1az{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-mlh1az{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-mlh1az h3:where(.svelte-mlh1az){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-mlh1az{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-mlh1az{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-mlh1az h3:where(.svelte-mlh1az){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-mlh1az{text-align:center;color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:24px;margin-top:2rem;padding:4rem 2rem}.final-cta.svelte-mlh1az h2:where(.svelte-mlh1az){color:#fff;margin-bottom:1rem;font-size:2.2rem}.final-cta.svelte-mlh1az p:where(.svelte-mlh1az){color:#94a3b8;margin-bottom:2rem;font-size:1.2rem}.btn-cta-main.svelte-mlh1az{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-mlh1az:hover{background:#1d4ed8;transform:scale(1.05)}@media (max-width:1024px){.results-grid.svelte-mlh1az,.simple-steps.svelte-mlh1az,.use-cases-grid.svelte-mlh1az,.alternatives-grid.svelte-mlh1az,.tips-card.svelte-mlh1az ul:where(.svelte-mlh1az){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-mlh1az{padding:1rem}.header.svelte-mlh1az h1:where(.svelte-mlh1az){font-size:2rem}.article-section.svelte-mlh1az h2:where(.svelte-mlh1az){font-size:1.75rem}}.container.svelte-1nnop1a{max-width:1200px;margin:0 auto;padding:2rem}.header.svelte-1nnop1a{text-align:center;margin-bottom:3rem}.header.svelte-1nnop1a h1:where(.svelte-1nnop1a){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1nnop1a p:where(.svelte-1nnop1a){color:#64748b;font-size:1.1rem}.tool-main.svelte-1nnop1a{margin-bottom:3rem}.main-card.svelte-1nnop1a{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d}.controls.svelte-1nnop1a{border-bottom:1px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;display:grid}.input-group.svelte-1nnop1a label:where(.svelte-1nnop1a),.size-selector.svelte-1nnop1a label:where(.svelte-1nnop1a){color:#4b5563;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.url-input.svelte-1nnop1a{border:1px solid #dee2e6;border-radius:8px;width:100%;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s}.url-input.svelte-1nnop1a:focus{border-color:#2563eb;outline:none}.size-buttons.svelte-1nnop1a{flex-wrap:wrap;gap:.5rem;display:flex}.size-buttons.svelte-1nnop1a button:where(.svelte-1nnop1a){cursor:pointer;color:#4b5563;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.size-buttons.svelte-1nnop1a button:where(.svelte-1nnop1a):hover{color:#2563eb;border-color:#2563eb}.size-buttons.svelte-1nnop1a button.active:where(.svelte-1nnop1a){color:#fff;background:#2563eb;border-color:#2563eb}.preview-container.svelte-1nnop1a{background:#f9fafb;border-radius:12px;justify-content:center;padding:2rem;display:flex;overflow-x:auto}.preview-wrapper.svelte-1nnop1a{background:#fff;border:1px solid #dee2e6;border-radius:12px;transition:width .3s;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.preview-header.svelte-1nnop1a{background:#f8f9fa;border-bottom:1px solid #dee2e6;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.status-dot.svelte-1nnop1a{background:#10b981;border-radius:50%;width:10px;height:10px}.preview-title.svelte-1nnop1a{color:#4b5563;font-size:.85rem;font-weight:700}iframe.svelte-1nnop1a{border:none;width:100%;height:600px;display:block}.empty-state.svelte-1nnop1a{text-align:center;color:#9ca3af;padding:4rem 2rem}.empty-state.svelte-1nnop1a .icon:where(.svelte-1nnop1a){color:#e5e7eb;margin-bottom:1.5rem}.article-container.svelte-1nnop1a{margin-top:4rem}.article-section.svelte-1nnop1a{margin-bottom:4rem}.article-section.svelte-1nnop1a h2:where(.svelte-1nnop1a){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1nnop1a p:where(.svelte-1nnop1a){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1nnop1a{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1nnop1a:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1nnop1a{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1nnop1a{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1nnop1a{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1nnop1a h3:where(.svelte-1nnop1a){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1nnop1a p:where(.svelte-1nnop1a){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1nnop1a{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1nnop1a{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1nnop1a h3:where(.svelte-1nnop1a){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1nnop1a{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1nnop1a{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1nnop1a h3:where(.svelte-1nnop1a){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-1nnop1a{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-1nnop1a ul:where(.svelte-1nnop1a){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-1nnop1a li:where(.svelte-1nnop1a){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-1nnop1a li:where(.svelte-1nnop1a):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-1nnop1a{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1nnop1a{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1nnop1a h3:where(.svelte-1nnop1a){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-1nnop1a{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1nnop1a{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1nnop1a h3:where(.svelte-1nnop1a){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1nnop1a{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1nnop1a h2:where(.svelte-1nnop1a){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1nnop1a p:where(.svelte-1nnop1a){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1nnop1a{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1nnop1a:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.controls.svelte-1nnop1a,.simple-steps.svelte-1nnop1a,.use-cases-grid.svelte-1nnop1a,.alternatives-grid.svelte-1nnop1a,.tips-card.svelte-1nnop1a ul:where(.svelte-1nnop1a){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1nnop1a{padding:1rem}.header.svelte-1nnop1a h1:where(.svelte-1nnop1a){font-size:2rem}.article-section.svelte-1nnop1a h2:where(.svelte-1nnop1a){font-size:1.75rem}}.container.svelte-ym7lt3{max-width:1200px;margin:0 auto;padding:2rem}.header.svelte-ym7lt3{text-align:center;margin-bottom:3rem}.header.svelte-ym7lt3 h1:where(.svelte-ym7lt3){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-ym7lt3 p:where(.svelte-ym7lt3){color:#64748b;font-size:1.1rem}.tool-main.svelte-ym7lt3{margin-bottom:3rem}.io-grid.svelte-ym7lt3{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.input-card.svelte-ym7lt3,.output-card.svelte-ym7lt3{background:#fff;border:1px solid #dee2e6;border-radius:16px;flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-ym7lt3{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.label-group.svelte-ym7lt3{color:#1e293b;align-items:center;gap:.75rem;font-weight:700;display:flex}.label-group.svelte-ym7lt3 svg:where(.svelte-ym7lt3){color:#2563eb}.actions.svelte-ym7lt3{gap:.5rem;display:flex}.btn-ghost.svelte-ym7lt3{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-ghost.svelte-ym7lt3:hover{color:#1e293b;background:#e2e8f0}textarea.svelte-ym7lt3{resize:vertical;background:#f8fafc;border:1px solid #dee2e6;border-radius:12px;outline:none;width:100%;padding:1rem;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;transition:all .2s}textarea.svelte-ym7lt3:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.results-area.svelte-ym7lt3{background:#f8fafc;border:1px solid #dee2e6;border-radius:12px;flex-direction:column;flex:1;min-height:300px;display:flex;overflow:hidden}.url-list.svelte-ym7lt3{flex-direction:column;gap:.75rem;max-height:500px;padding:1rem;display:flex;overflow-y:auto}.url-item.svelte-ym7lt3{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 2px 4px #00000005}.url-text.svelte-ym7lt3{color:#1e293b;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;font-family:Fira Code,monospace;font-size:.85rem;overflow:hidden}.visit-btn.svelte-ym7lt3{color:#2563eb;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.visit-btn.svelte-ym7lt3:hover{background:#eff6ff;transform:scale(1.1)}.empty-state.svelte-ym7lt3{color:#94a3b8;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-state.svelte-ym7lt3 svg:where(.svelte-ym7lt3){opacity:.5;margin-bottom:1rem}.btn-primary-sm.svelte-ym7lt3{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-primary-sm.svelte-ym7lt3:hover{background:#1d4ed8}.article-container.svelte-ym7lt3{margin-top:4rem}.article-section.svelte-ym7lt3{margin-bottom:4rem}.article-section.svelte-ym7lt3 h2:where(.svelte-ym7lt3){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-ym7lt3 p:where(.svelte-ym7lt3){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-ym7lt3{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-ym7lt3:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-ym7lt3{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-ym7lt3{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-ym7lt3{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-ym7lt3 h3:where(.svelte-ym7lt3){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-ym7lt3 p:where(.svelte-ym7lt3){margin-bottom:0;font-size:1rem}.simple-grid.svelte-ym7lt3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-ym7lt3{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-ym7lt3 h3:where(.svelte-ym7lt3){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-ym7lt3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-ym7lt3{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-ym7lt3 h3:where(.svelte-ym7lt3){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-ym7lt3{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-ym7lt3 ul:where(.svelte-ym7lt3){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-ym7lt3 li:where(.svelte-ym7lt3){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-ym7lt3 li:where(.svelte-ym7lt3):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-ym7lt3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-ym7lt3{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-ym7lt3 h3:where(.svelte-ym7lt3){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-ym7lt3{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-ym7lt3{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-ym7lt3 h3:where(.svelte-ym7lt3){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-ym7lt3{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-ym7lt3 h2:where(.svelte-ym7lt3){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-ym7lt3 p:where(.svelte-ym7lt3){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-ym7lt3{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-ym7lt3:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.io-grid.svelte-ym7lt3,.simple-steps.svelte-ym7lt3,.use-cases-grid.svelte-ym7lt3,.alternatives-grid.svelte-ym7lt3,.tips-card.svelte-ym7lt3 ul:where(.svelte-ym7lt3){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-ym7lt3{padding:1rem}.header.svelte-ym7lt3 h1:where(.svelte-ym7lt3){font-size:2rem}.article-section.svelte-ym7lt3 h2:where(.svelte-ym7lt3){font-size:1.75rem}}.page-container.svelte-1er81dm{max-width:600px;color:var(--text-color);margin:0 auto}h1.svelte-1er81dm{color:var(--heading-color);margin-bottom:.5rem;font-size:2.5rem}p.svelte-1er81dm{color:var(--secondary-color);margin-bottom:2rem}.contact-form.svelte-1er81dm{background:var(--sidebar-bg);border:1px solid var(--glass-border);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000000d}.form-group.svelte-1er81dm{margin-bottom:1.5rem}label.svelte-1er81dm{color:var(--heading-color);margin-bottom:.5rem;font-weight:500;display:block}input.svelte-1er81dm,textarea.svelte-1er81dm{border:1px solid var(--glass-border);width:100%;color:var(--text-color);background:#ffffff0d;border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}input.svelte-1er81dm:focus,textarea.svelte-1er81dm:focus{border-color:var(--primary-color);outline:none}.submit-btn.svelte-1er81dm{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:background-color .2s}.submit-btn.svelte-1er81dm:hover{background:#008ecc}.success-message.svelte-1er81dm{text-align:center;color:var(--heading-color);background:#00a6ff1a;border-radius:1rem;padding:3rem}.reset-btn.svelte-1er81dm{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;background:0 0;border-radius:.5rem;margin-top:1rem;padding:.5rem 1rem}.contact-info.svelte-1er81dm{text-align:center;border-top:1px solid var(--glass-border);margin-top:3rem;padding-top:2rem}.contact-info.svelte-1er81dm a:where(.svelte-1er81dm){color:var(--primary-color);text-decoration:none}.page-container.svelte-15dajg0{max-width:800px;color:var(--text-color);margin:0 auto;line-height:1.6}h1.svelte-15dajg0{color:var(--heading-color);margin-bottom:.5rem;font-size:2.5rem}.last-updated.svelte-15dajg0{color:var(--secondary-color);margin-bottom:3rem;font-style:italic}section.svelte-15dajg0{margin-bottom:2.5rem}h2.svelte-15dajg0{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}p.svelte-15dajg0{color:var(--text-color);opacity:.9;margin-bottom:1rem}a.svelte-15dajg0{color:var(--primary-color);text-decoration:none}a.svelte-15dajg0:hover{text-decoration:underline}.page-container.svelte-uc1fxu{max-width:800px;color:var(--text-color);margin:0 auto}h1.svelte-uc1fxu{color:var(--heading-color);margin-bottom:.5rem;font-size:2.5rem}p.svelte-uc1fxu{color:var(--secondary-color);margin-bottom:3rem}.sitemap-grid.svelte-uc1fxu{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;display:grid}.category-section.svelte-uc1fxu h2:where(.svelte-uc1fxu){color:var(--primary-color);border-bottom:1px solid var(--glass-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}ul.svelte-uc1fxu{padding:0;list-style:none}li.svelte-uc1fxu{margin-bottom:.5rem}.link-btn.svelte-uc1fxu{color:var(--text-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.25rem 0;font-size:1rem;text-decoration:none;transition:color .2s;display:flex}.link-btn.svelte-uc1fxu:hover{color:var(--primary-color);text-decoration:underline}.icon.svelte-uc1fxu{color:var(--secondary-color);font-size:1.1rem}.not-found-container.svelte-pytmu5{background:var(--surface-base);min-height:90vh;color:var(--text-primary);justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.not-found-content.svelte-pytmu5{text-align:center;z-index:10;width:100%;max-width:800px;position:relative}.error-code.svelte-pytmu5{letter-spacing:-2px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:clamp(6rem,15vw,10rem);font-weight:900;display:flex}.digit.svelte-pytmu5{background:linear-gradient(180deg,var(--interactive-primary)0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.zero-container.svelte-pytmu5{justify-content:center;align-items:center;animation:3s ease-in-out infinite svelte-pytmu5-subtle-bounce;display:flex}@keyframes svelte-pytmu5-subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.error-title.svelte-pytmu5{letter-spacing:-.01em;margin-bottom:.75rem;font-size:2.25rem;font-weight:700}.error-description.svelte-pytmu5{color:var(--text-secondary);max-width:500px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.6}.action-buttons.svelte-pytmu5{justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.btn-primary.svelte-pytmu5,.btn-secondary.svelte-pytmu5{cursor:pointer;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-pytmu5{background:var(--interactive-primary);color:#fff;border:none;box-shadow:0 4px 14px #0076ff40}.btn-primary.svelte-pytmu5:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0076ff59}.btn-secondary.svelte-pytmu5{border:1px solid var(--border-primary);color:var(--text-primary);background:0 0}.btn-secondary.svelte-pytmu5:hover{background:var(--surface-secondary)}.suggestion-header.svelte-pytmu5{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.suggestion-header.svelte-pytmu5 .line:where(.svelte-pytmu5){background:var(--border-primary);opacity:.5;flex:1;height:1px}.suggestion-header.svelte-pytmu5 h2:where(.svelte-pytmu5){text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.9rem;font-weight:600}.tool-grid.svelte-pytmu5{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.tool-card.svelte-pytmu5{border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tool-card.svelte-pytmu5:hover{background:var(--surface-secondary);border-color:var(--interactive-primary);transform:translateY(-5px)}.icon-wrapper.svelte-pytmu5{width:48px;height:48px;color:var(--interactive-primary);background:#0076ff1a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.tool-name.svelte-pytmu5{color:var(--text-primary);font-size:.95rem;font-weight:500}.floating-shapes.svelte-pytmu5 .shape:where(.svelte-pytmu5){filter:blur(80px);z-index:1;opacity:.15;position:absolute}.shape-1.svelte-pytmu5{background:var(--interactive-primary);width:400px;height:400px;top:-10%;left:-5%}.shape-2.svelte-pytmu5{background:#8b5cf6;width:300px;height:300px;bottom:5%;right:-5%}@media (max-width:768px){.tool-grid.svelte-pytmu5{grid-template-columns:repeat(2,1fr)}.action-buttons.svelte-pytmu5{flex-direction:column}}@media (max-width:480px){.tool-grid.svelte-pytmu5{grid-template-columns:1fr}}.container.svelte-18nqg0{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-18nqg0{text-align:center;margin-bottom:3rem}.header.svelte-18nqg0 h1:where(.svelte-18nqg0){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-18nqg0 p:where(.svelte-18nqg0){color:#64748b;font-size:1.1rem}.tool-main.svelte-18nqg0{flex-direction:column;gap:2rem;margin-bottom:4rem;display:flex}.controls-card.svelte-18nqg0,.palette-card.svelte-18nqg0{background:#fff;border:1px solid #dee2e6;border-radius:24px;padding:2rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-18nqg0{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.label-group.svelte-18nqg0{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-18nqg0 svg:where(.svelte-18nqg0){color:#2563eb}.header-actions.svelte-18nqg0{gap:.75rem;display:flex}.btn-action.svelte-18nqg0{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-action.svelte-18nqg0:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-action.primary.svelte-18nqg0{color:#fff;background:#2563eb;border-color:#2563eb}.btn-action.primary.svelte-18nqg0:hover{background:#1d4ed8}.controls-grid.svelte-18nqg0{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.control-item.svelte-18nqg0{flex-direction:column;gap:.75rem;display:flex}.control-item.svelte-18nqg0 label:where(.svelte-18nqg0){color:#64748b;font-size:.9rem;font-weight:700}.color-input-group.svelte-18nqg0{gap:1rem;display:flex}.color-picker.svelte-18nqg0{cursor:pointer;background:0 0;border:1px solid #dee2e6;border-radius:10px;width:60px;height:45px;padding:0}.hex-input.svelte-18nqg0{background:#f8fafc;border:1px solid #dee2e6;border-radius:10px;flex:1;padding:.6rem 1rem;font-family:Fira Code,monospace;font-size:1rem}.select-input.svelte-18nqg0{cursor:pointer;background:#f8fafc;border:1px solid #dee2e6;border-radius:10px;padding:.6rem 1rem;font-size:1rem}.btn-copy-all.svelte-18nqg0{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-copy-all.svelte-18nqg0:hover{background:#dbeafe}.palette-grid.svelte-18nqg0{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;display:grid}.swatch-card.svelte-18nqg0{aspect-ratio:1;border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.swatch-card.svelte-18nqg0:hover{transform:translateY(-8px)}.swatch-overlay.svelte-18nqg0{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;justify-content:space-between;align-items:center;padding:1rem;transition:transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.swatch-card.svelte-18nqg0:hover .swatch-overlay:where(.svelte-18nqg0){transform:translateY(0)}.swatch-hex.svelte-18nqg0{color:#1e293b;font-family:Fira Code,monospace;font-size:.9rem;font-weight:700}.btn-copy-swatch.svelte-18nqg0{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.btn-copy-swatch.svelte-18nqg0:hover{color:#2563eb}.modal-overlay.svelte-18nqg0{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172ab3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content.svelte-18nqg0{background:#fff;border-radius:24px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header.svelte-18nqg0{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header.svelte-18nqg0 h3:where(.svelte-18nqg0){color:#1e293b;margin:0;font-size:1.25rem}.btn-close.svelte-18nqg0{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.code-block.svelte-18nqg0{color:#e2e8f0;background:#1e293b;max-height:300px;padding:2rem;font-family:Fira Code,monospace;font-size:.95rem;overflow-y:auto}.modal-footer.svelte-18nqg0{background:#f8fafc;justify-content:flex-end;padding:1.5rem 2rem;display:flex}.btn-copy-modal.svelte-18nqg0{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:700}.article-container.svelte-18nqg0{margin-top:4rem}.article-section.svelte-18nqg0{margin-bottom:4rem}.article-section.svelte-18nqg0 h2:where(.svelte-18nqg0){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-18nqg0 p:where(.svelte-18nqg0){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-18nqg0{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-18nqg0:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-18nqg0{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-18nqg0{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-18nqg0{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-18nqg0 h3:where(.svelte-18nqg0){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-18nqg0 p:where(.svelte-18nqg0){margin-bottom:0;font-size:1rem}.simple-grid.svelte-18nqg0{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-18nqg0{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-18nqg0 h3:where(.svelte-18nqg0){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-18nqg0{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-18nqg0{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-18nqg0 h3:where(.svelte-18nqg0){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-18nqg0{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-18nqg0 ul:where(.svelte-18nqg0){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-18nqg0 li:where(.svelte-18nqg0){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-18nqg0 li:where(.svelte-18nqg0):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-18nqg0{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-18nqg0{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-18nqg0 h3:where(.svelte-18nqg0){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-18nqg0{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-18nqg0{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-18nqg0 h3:where(.svelte-18nqg0){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-18nqg0{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-18nqg0 h2:where(.svelte-18nqg0){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-18nqg0 p:where(.svelte-18nqg0){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-18nqg0{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-18nqg0:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.controls-grid.svelte-18nqg0,.simple-steps.svelte-18nqg0,.use-cases-grid.svelte-18nqg0,.alternatives-grid.svelte-18nqg0,.tips-card.svelte-18nqg0 ul:where(.svelte-18nqg0){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-18nqg0{padding:1rem}.header.svelte-18nqg0 h1:where(.svelte-18nqg0){font-size:2rem}.article-section.svelte-18nqg0 h2:where(.svelte-18nqg0){font-size:1.75rem}.header-actions.svelte-18nqg0{flex-direction:column;width:100%}.btn-action.svelte-18nqg0{justify-content:center;width:100%}}.container.svelte-mog9vb{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-mog9vb{text-align:center;margin-bottom:3rem}.header.svelte-mog9vb h1:where(.svelte-mog9vb){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-mog9vb p:where(.svelte-mog9vb){color:#64748b;font-size:1.1rem}.tool-main.svelte-mog9vb{margin-bottom:4rem}.editor-grid.svelte-mog9vb{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.config-card.svelte-mog9vb,.preview-card.svelte-mog9vb{background:#fff;border:1px solid #dee2e6;border-radius:24px;padding:2rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-mog9vb{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.label-group.svelte-mog9vb{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-mog9vb svg:where(.svelte-mog9vb){color:#2563eb}.btn-action.svelte-mog9vb{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-action.svelte-mog9vb:hover{background:#f1f5f9;border-color:#cbd5e1}.config-content.svelte-mog9vb{flex-direction:column;gap:1.5rem;display:flex}.color-grid.svelte-mog9vb{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-item.svelte-mog9vb{flex-direction:column;gap:.75rem;display:flex}.input-item.svelte-mog9vb label:where(.svelte-mog9vb){color:#64748b;font-size:.9rem;font-weight:700}.color-picker-group.svelte-mog9vb{gap:.5rem;display:flex}.color-picker.svelte-mog9vb{cursor:pointer;background:0 0;border:1px solid #dee2e6;border-radius:10px;width:45px;height:45px;padding:0}.hex-input.svelte-mog9vb{background:#f8fafc;border:1px solid #dee2e6;border-radius:10px;flex:1;padding:.5rem;font-family:Fira Code,monospace;font-size:.85rem}.select-input.svelte-mog9vb{cursor:pointer;background:#f8fafc;border:1px solid #dee2e6;border-radius:12px;padding:.75rem 1rem;font-size:.95rem}.label-row.svelte-mog9vb{justify-content:space-between;align-items:center;display:flex}.value-badge.svelte-mog9vb{color:#2563eb;background:#eff6ff;border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.range-slider.svelte-mog9vb{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.range-slider.svelte-mog9vb::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0000001a}.presets-section.svelte-mog9vb{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.section-label.svelte-mog9vb{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.presets-grid.svelte-mog9vb{grid-template-columns:repeat(6,1fr);gap:.75rem;display:grid}.preset-btn.svelte-mog9vb{aspect-ratio:1;cursor:pointer;border:2px solid #fff;border-radius:10px;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.preset-btn.svelte-mog9vb:hover{transform:scale(1.1)}.preview-content.svelte-mog9vb{flex-direction:column;gap:2rem;display:flex}.gradient-display.svelte-mog9vb{border-radius:16px;width:100%;height:250px;box-shadow:0 10px 25px #0000001a}.output-section.svelte-mog9vb{flex-direction:column;gap:1rem;display:flex}.code-header.svelte-mog9vb{justify-content:space-between;align-items:center;display:flex}.btn-copy-sm.svelte-mog9vb{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.4rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.btn-copy-sm.svelte-mog9vb:hover{background:#1d4ed8}.code-box.svelte-mog9vb{color:#e2e8f0;word-break:break-all;background:#1e293b;border-radius:12px;min-height:80px;padding:1.5rem;font-family:Fira Code,monospace;font-size:.9rem}.article-container.svelte-mog9vb{margin-top:4rem}.article-section.svelte-mog9vb{margin-bottom:4rem}.article-section.svelte-mog9vb h2:where(.svelte-mog9vb){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-mog9vb p:where(.svelte-mog9vb){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-mog9vb{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-mog9vb:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-mog9vb{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-mog9vb{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-mog9vb{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-mog9vb h3:where(.svelte-mog9vb){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-mog9vb p:where(.svelte-mog9vb){margin-bottom:0;font-size:1rem}.simple-grid.svelte-mog9vb{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-mog9vb{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-mog9vb h3:where(.svelte-mog9vb){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-mog9vb{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-mog9vb{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-mog9vb h3:where(.svelte-mog9vb){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-mog9vb{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-mog9vb ul:where(.svelte-mog9vb){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-mog9vb li:where(.svelte-mog9vb){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-mog9vb li:where(.svelte-mog9vb):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-mog9vb{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-mog9vb{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-mog9vb h3:where(.svelte-mog9vb){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-mog9vb{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-mog9vb{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-mog9vb h3:where(.svelte-mog9vb){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-mog9vb{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-mog9vb h2:where(.svelte-mog9vb){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-mog9vb p:where(.svelte-mog9vb){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-mog9vb{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-mog9vb:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.editor-grid.svelte-mog9vb,.simple-steps.svelte-mog9vb,.use-cases-grid.svelte-mog9vb,.alternatives-grid.svelte-mog9vb,.tips-card.svelte-mog9vb ul:where(.svelte-mog9vb){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-mog9vb{padding:1rem}.header.svelte-mog9vb h1:where(.svelte-mog9vb){font-size:2rem}.article-section.svelte-mog9vb h2:where(.svelte-mog9vb){font-size:1.75rem}.presets-grid.svelte-mog9vb{grid-template-columns:repeat(3,1fr)}}.container.svelte-t9m4uf{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-t9m4uf{text-align:center;margin-bottom:3rem}.header.svelte-t9m4uf h1:where(.svelte-t9m4uf){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-t9m4uf p:where(.svelte-t9m4uf){color:#64748b;font-size:1.1rem}.tool-main.svelte-t9m4uf{margin-bottom:4rem}.controls-grid.svelte-t9m4uf{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.settings-card.svelte-t9m4uf,.preview-card.svelte-t9m4uf{background:#fff;border:1px solid #dee2e6;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-t9m4uf{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.label-group.svelte-t9m4uf{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-t9m4uf svg:where(.svelte-t9m4uf){color:#2563eb}.settings-content.svelte-t9m4uf{flex-direction:column;gap:1.25rem;display:flex}.slider-item.svelte-t9m4uf{flex-direction:column;gap:.5rem;display:flex}.slider-info.svelte-t9m4uf{justify-content:space-between;align-items:center;display:flex}.slider-info.svelte-t9m4uf label:where(.svelte-t9m4uf){color:#64748b;font-size:.9rem;font-weight:600}.value-display.svelte-t9m4uf{color:#2563eb;text-align:center;background:#f1f5f9;border-radius:6px;min-width:45px;padding:.2rem .6rem;font-size:.85rem;font-weight:700}.range-input.svelte-t9m4uf{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.range-input.svelte-t9m4uf::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#2563eb;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.range-input.svelte-t9m4uf::-webkit-slider-thumb:hover{transform:scale(1.1)}.color-picker-section.svelte-t9m4uf{flex-direction:column;gap:.75rem;display:flex}.color-picker-section.svelte-t9m4uf label:where(.svelte-t9m4uf){color:#64748b;font-size:.9rem;font-weight:600}.color-controls.svelte-t9m4uf{gap:1rem;display:flex}.color-input.svelte-t9m4uf{cursor:pointer;background:0 0;border:1px solid #dee2e6;border-radius:8px;width:50px;height:40px;padding:0}.hex-input.svelte-t9m4uf{color:#1e293b;background:#f8fafc;border:1px solid #dee2e6;border-radius:8px;flex:1;padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.95rem}.checkbox-container.svelte-t9m4uf{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;margin-top:.5rem;font-weight:600;display:flex}.checkbox-container.svelte-t9m4uf input:where(.svelte-t9m4uf){display:none}.checkmark.svelte-t9m4uf{border:2px solid #cbd5e1;border-radius:6px;width:20px;height:20px;transition:all .2s;position:relative}.checkbox-container.svelte-t9m4uf input:where(.svelte-t9m4uf):checked+.checkmark:where(.svelte-t9m4uf){background:#2563eb;border-color:#2563eb}.checkbox-container.svelte-t9m4uf input:where(.svelte-t9m4uf):checked+.checkmark:where(.svelte-t9m4uf):after{content:"✓";color:#fff;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-display.svelte-t9m4uf{background:#f8fafc radial-gradient(#e2e8f0 1px,#0000 1px) 0 0/20px 20px;border:1px dashed #cbd5e1;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:300px;display:flex}.preview-element.svelte-t9m4uf{background:#fff;border-radius:16px;width:160px;height:160px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.code-output.svelte-t9m4uf{background:#1e293b;border-radius:12px;padding:1.25rem}.code-header.svelte-t9m4uf{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.code-header.svelte-t9m4uf span:where(.svelte-t9m4uf){color:#94a3b8;text-transform:uppercase;font-size:.8rem;font-weight:700}.btn-copy-sm.svelte-t9m4uf{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s}.btn-copy-sm.svelte-t9m4uf:hover{background:#2563eb}.code-content.svelte-t9m4uf{color:#e2e8f0;word-break:break-all;font-family:Fira Code,monospace;font-size:.9rem}.article-container.svelte-t9m4uf{margin-top:4rem}.article-section.svelte-t9m4uf{margin-bottom:4rem}.article-section.svelte-t9m4uf h2:where(.svelte-t9m4uf){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-t9m4uf p:where(.svelte-t9m4uf){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-t9m4uf{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-t9m4uf:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-t9m4uf{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-t9m4uf{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-t9m4uf{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-t9m4uf h3:where(.svelte-t9m4uf){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-t9m4uf p:where(.svelte-t9m4uf){margin-bottom:0;font-size:1rem}.simple-grid.svelte-t9m4uf{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-t9m4uf{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-t9m4uf h3:where(.svelte-t9m4uf){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-t9m4uf{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-t9m4uf{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-t9m4uf h3:where(.svelte-t9m4uf){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-t9m4uf{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-t9m4uf ul:where(.svelte-t9m4uf){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-t9m4uf li:where(.svelte-t9m4uf){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-t9m4uf li:where(.svelte-t9m4uf):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-t9m4uf{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-t9m4uf{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-t9m4uf h3:where(.svelte-t9m4uf){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-t9m4uf{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-t9m4uf{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-t9m4uf h3:where(.svelte-t9m4uf){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-t9m4uf{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-t9m4uf h2:where(.svelte-t9m4uf){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-t9m4uf p:where(.svelte-t9m4uf){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-t9m4uf{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-t9m4uf:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.controls-grid.svelte-t9m4uf,.simple-steps.svelte-t9m4uf,.use-cases-grid.svelte-t9m4uf,.alternatives-grid.svelte-t9m4uf,.tips-card.svelte-t9m4uf ul:where(.svelte-t9m4uf){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-t9m4uf{padding:1rem}.header.svelte-t9m4uf h1:where(.svelte-t9m4uf){font-size:2rem}.article-section.svelte-t9m4uf h2:where(.svelte-t9m4uf){font-size:1.75rem}}.container.svelte-jmdcwa{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-jmdcwa{text-align:center;margin-bottom:3rem}.header.svelte-jmdcwa h1:where(.svelte-jmdcwa){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-jmdcwa p:where(.svelte-jmdcwa){color:#64748b;font-size:1.1rem}.tool-main.svelte-jmdcwa{margin-bottom:4rem}.controls-grid.svelte-jmdcwa{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.settings-card.svelte-jmdcwa,.preview-card.svelte-jmdcwa{background:#fff;border:1px solid #dee2e6;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-jmdcwa{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.label-group.svelte-jmdcwa{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-jmdcwa svg:where(.svelte-jmdcwa){color:#2563eb}.settings-content.svelte-jmdcwa{flex-direction:column;gap:2rem;display:flex}.checkbox-container.svelte-jmdcwa{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;font-weight:600;display:flex}.checkbox-container.svelte-jmdcwa input:where(.svelte-jmdcwa){display:none}.checkmark.svelte-jmdcwa{border:2px solid #cbd5e1;border-radius:6px;width:20px;height:20px;transition:all .2s;position:relative}.checkbox-container.svelte-jmdcwa input:where(.svelte-jmdcwa):checked+.checkmark:where(.svelte-jmdcwa){background:#2563eb;border-color:#2563eb}.checkbox-container.svelte-jmdcwa input:where(.svelte-jmdcwa):checked+.checkmark:where(.svelte-jmdcwa):after{content:"✓";color:#fff;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sliders-container.svelte-jmdcwa{min-height:100px}.slider-item.svelte-jmdcwa{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.slider-info.svelte-jmdcwa{justify-content:space-between;align-items:center;display:flex}.slider-info.svelte-jmdcwa label:where(.svelte-jmdcwa){color:#64748b;font-size:.9rem;font-weight:600}.value-display.svelte-jmdcwa{color:#2563eb;background:#f1f5f9;border-radius:6px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.range-input.svelte-jmdcwa{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.range-input.svelte-jmdcwa::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#2563eb;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.range-input.svelte-jmdcwa::-webkit-slider-thumb:hover{transform:scale(1.1)}.grid-sliders.svelte-jmdcwa{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.presets-section.svelte-jmdcwa{flex-direction:column;gap:1rem;display:flex}.section-label.svelte-jmdcwa{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.preset-buttons.svelte-jmdcwa{flex-wrap:wrap;gap:.75rem;display:flex}.preset-buttons.svelte-jmdcwa button:where(.svelte-jmdcwa){color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.preset-buttons.svelte-jmdcwa button:where(.svelte-jmdcwa):hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.preview-display.svelte-jmdcwa{background:#f8fafc radial-gradient(#e2e8f0 1px,#0000 1px) 0 0/20px 20px;border:1px dashed #cbd5e1;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:250px;display:flex}.preview-element.svelte-jmdcwa{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);width:160px;height:160px;transition:border-radius .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.code-output.svelte-jmdcwa{background:#1e293b;border-radius:12px;padding:1.25rem}.code-header.svelte-jmdcwa{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.code-header.svelte-jmdcwa span:where(.svelte-jmdcwa){color:#94a3b8;text-transform:uppercase;font-size:.8rem;font-weight:700}.btn-copy-sm.svelte-jmdcwa{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s}.btn-copy-sm.svelte-jmdcwa:hover{background:#2563eb}.code-content.svelte-jmdcwa{color:#e2e8f0;font-family:Fira Code,monospace;font-size:.95rem}.article-container.svelte-jmdcwa{margin-top:4rem}.article-section.svelte-jmdcwa{margin-bottom:4rem}.article-section.svelte-jmdcwa h2:where(.svelte-jmdcwa){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-jmdcwa p:where(.svelte-jmdcwa){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-jmdcwa{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-jmdcwa:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-jmdcwa{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-jmdcwa{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-jmdcwa{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-jmdcwa h3:where(.svelte-jmdcwa){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-jmdcwa p:where(.svelte-jmdcwa){margin-bottom:0;font-size:1rem}.simple-grid.svelte-jmdcwa{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-jmdcwa{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-jmdcwa h3:where(.svelte-jmdcwa){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-jmdcwa{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-jmdcwa{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-jmdcwa h3:where(.svelte-jmdcwa){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-jmdcwa{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-jmdcwa ul:where(.svelte-jmdcwa){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-jmdcwa li:where(.svelte-jmdcwa){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-jmdcwa li:where(.svelte-jmdcwa):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-jmdcwa{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-jmdcwa{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-jmdcwa h3:where(.svelte-jmdcwa){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-jmdcwa{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-jmdcwa{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-jmdcwa h3:where(.svelte-jmdcwa){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-jmdcwa{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-jmdcwa h2:where(.svelte-jmdcwa){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-jmdcwa p:where(.svelte-jmdcwa){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-jmdcwa{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-jmdcwa:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.controls-grid.svelte-jmdcwa,.simple-steps.svelte-jmdcwa,.use-cases-grid.svelte-jmdcwa,.alternatives-grid.svelte-jmdcwa,.tips-card.svelte-jmdcwa ul:where(.svelte-jmdcwa){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-jmdcwa{padding:1rem}.header.svelte-jmdcwa h1:where(.svelte-jmdcwa){font-size:2rem}.article-section.svelte-jmdcwa h2:where(.svelte-jmdcwa){font-size:1.75rem}.grid-sliders.svelte-jmdcwa{grid-template-columns:1fr}}.container.svelte-15v41oh{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-15v41oh{text-align:center;margin-bottom:3rem}.header.svelte-15v41oh h1:where(.svelte-15v41oh){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-15v41oh p:where(.svelte-15v41oh){color:#64748b;font-size:1.1rem}.tool-main.svelte-15v41oh{margin-bottom:4rem}.editor-grid.svelte-15v41oh{grid-template-columns:1fr 400px;gap:2rem;display:grid}.config-card.svelte-15v41oh,.preview-card.svelte-15v41oh{background:#fff;border:1px solid #dee2e6;border-radius:24px;padding:2rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-15v41oh{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.label-group.svelte-15v41oh{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-15v41oh svg:where(.svelte-15v41oh){color:#2563eb}.config-content.svelte-15v41oh{flex-direction:column;gap:1.5rem;display:flex}.input-item.svelte-15v41oh{flex-direction:column;gap:.75rem;display:flex}.input-item.svelte-15v41oh label:where(.svelte-15v41oh){color:#64748b;font-size:.9rem;font-weight:700}.text-input.svelte-15v41oh{text-align:center;background:#f8fafc;border:1px solid #dee2e6;border-radius:12px;padding:.75rem 1rem;font-size:1.25rem;font-weight:700}.color-grid.svelte-15v41oh{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.color-picker-group.svelte-15v41oh{gap:.5rem;display:flex}.color-picker.svelte-15v41oh{cursor:pointer;background:0 0;border:1px solid #dee2e6;border-radius:10px;width:45px;height:45px;padding:0}.hex-input.svelte-15v41oh{background:#f8fafc;border:1px solid #dee2e6;border-radius:10px;flex:1;padding:.5rem;font-family:Fira Code,monospace;font-size:.85rem}.shape-toggle.svelte-15v41oh{background:#f1f5f9;border-radius:12px;gap:.5rem;padding:.4rem;display:flex}.shape-toggle.svelte-15v41oh button:where(.svelte-15v41oh){color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.6rem;font-size:.9rem;font-weight:600;transition:all .2s}.shape-toggle.svelte-15v41oh button.active:where(.svelte-15v41oh){color:#2563eb;background:#fff;box-shadow:0 2px 4px #0000000d}.label-row.svelte-15v41oh{justify-content:space-between;align-items:center;display:flex}.value-badge.svelte-15v41oh{color:#2563eb;background:#eff6ff;border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.range-slider.svelte-15v41oh{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.range-slider.svelte-15v41oh::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0000001a}.download-section.svelte-15v41oh{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.section-label.svelte-15v41oh{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.download-grid.svelte-15v41oh{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.btn-download.svelte-15v41oh{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-download.svelte-15v41oh:hover{background:#e2e8f0}.btn-download.primary.svelte-15v41oh{color:#fff;background:#2563eb;border-color:#2563eb}.btn-download.primary.svelte-15v41oh:hover{background:#1d4ed8}.preview-content.svelte-15v41oh{flex-direction:column;align-items:center;gap:2rem;display:flex}.canvas-wrapper.svelte-15v41oh{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;justify-content:center;width:100%;padding:2rem;display:flex}canvas.svelte-15v41oh{border-radius:8px;max-width:100%;height:auto;box-shadow:0 10px 25px #0000001a}.mockup-section.svelte-15v41oh{flex-direction:column;gap:1rem;width:100%;display:flex}.browser-tab.svelte-15v41oh{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;max-width:220px;margin:0 auto;padding:.6rem 1rem;display:flex}.mini-icon.svelte-15v41oh{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.tab-title.svelte-15v41oh{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.article-container.svelte-15v41oh{margin-top:4rem}.article-section.svelte-15v41oh{margin-bottom:4rem}.article-section.svelte-15v41oh h2:where(.svelte-15v41oh){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-15v41oh p:where(.svelte-15v41oh){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-15v41oh{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-15v41oh:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-15v41oh{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-15v41oh{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-15v41oh{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-15v41oh h3:where(.svelte-15v41oh){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-15v41oh p:where(.svelte-15v41oh){margin-bottom:0;font-size:1rem}.simple-grid.svelte-15v41oh{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-15v41oh{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-15v41oh h3:where(.svelte-15v41oh){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-15v41oh{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-15v41oh{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-15v41oh h3:where(.svelte-15v41oh){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-15v41oh{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-15v41oh ul:where(.svelte-15v41oh){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-15v41oh li:where(.svelte-15v41oh){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-15v41oh li:where(.svelte-15v41oh):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-15v41oh{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-15v41oh{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-15v41oh h3:where(.svelte-15v41oh){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-15v41oh{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-15v41oh{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-15v41oh h3:where(.svelte-15v41oh){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-15v41oh{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-15v41oh h2:where(.svelte-15v41oh){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-15v41oh p:where(.svelte-15v41oh){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-15v41oh{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-15v41oh:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.editor-grid.svelte-15v41oh,.simple-steps.svelte-15v41oh,.use-cases-grid.svelte-15v41oh,.alternatives-grid.svelte-15v41oh,.tips-card.svelte-15v41oh ul:where(.svelte-15v41oh){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-15v41oh{padding:1rem}.header.svelte-15v41oh h1:where(.svelte-15v41oh){font-size:2rem}.article-section.svelte-15v41oh h2:where(.svelte-15v41oh){font-size:1.75rem}.download-grid.svelte-15v41oh{grid-template-columns:1fr}}.container.svelte-tdik4l{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-tdik4l{text-align:center;margin-bottom:3rem}.header.svelte-tdik4l h1:where(.svelte-tdik4l){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-tdik4l p:where(.svelte-tdik4l){color:#64748b;font-size:1.1rem}.tool-main.svelte-tdik4l{margin-bottom:4rem}.editor-grid.svelte-tdik4l{grid-template-columns:1fr 350px;gap:2rem;display:grid}.canvas-card.svelte-tdik4l,.controls-card.svelte-tdik4l{background:#fff;border:1px solid #dee2e6;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-tdik4l{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.label-group.svelte-tdik4l{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-tdik4l svg:where(.svelte-tdik4l){color:#2563eb}.canvas-container.svelte-tdik4l{aspect-ratio:1;cursor:crosshair;background:#f1f5f9;border-radius:12px;position:relative;overflow:hidden}.canvas-background.svelte-tdik4l{opacity:.5;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:absolute;inset:0}.canvas-element.svelte-tdik4l{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);transition:clip-path .1s;position:absolute;inset:0}.handles-layer.svelte-tdik4l{pointer-events:none;position:absolute;inset:0}.point-handle.svelte-tdik4l{cursor:move;pointer-events:auto;z-index:5;background:#fff;border:3px solid #2563eb;border-radius:50%;width:16px;height:16px;transition:transform .1s,border-color .1s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.point-handle.svelte-tdik4l:hover,.point-handle.active.svelte-tdik4l{z-index:10;border-color:#1d4ed8;transform:translate(-50%,-50%)scale(1.3)}.controls-content.svelte-tdik4l{flex-direction:column;gap:2rem;display:flex}.presets-section.svelte-tdik4l{flex-direction:column;gap:1rem;display:flex}.section-label.svelte-tdik4l{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.preset-buttons.svelte-tdik4l{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.preset-buttons.svelte-tdik4l button:where(.svelte-tdik4l){color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem;font-size:.9rem;font-weight:600;transition:all .2s}.preset-buttons.svelte-tdik4l button:where(.svelte-tdik4l):hover{color:#fff;background:#2563eb;border-color:#2563eb}.points-actions.svelte-tdik4l{gap:1rem;display:flex}.btn-action.svelte-tdik4l{color:#1e293b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-action.svelte-tdik4l:hover:not(:disabled){background:#e2e8f0}.btn-action.danger.svelte-tdik4l{color:#ef4444}.btn-action.danger.svelte-tdik4l:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.btn-action.svelte-tdik4l:disabled{opacity:.5;cursor:not-allowed}.output-section.svelte-tdik4l{flex-direction:column;gap:1rem;display:flex}.code-header.svelte-tdik4l{justify-content:space-between;align-items:center;display:flex}.code-header.svelte-tdik4l span:where(.svelte-tdik4l){color:#94a3b8;text-transform:uppercase;font-size:.85rem;font-weight:700}.btn-copy-sm.svelte-tdik4l{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.btn-copy-sm.svelte-tdik4l:hover{background:#1d4ed8}.code-box.svelte-tdik4l{color:#e2e8f0;word-break:break-all;background:#1e293b;border-radius:12px;min-height:80px;padding:1.25rem;font-family:Fira Code,monospace;font-size:.9rem}.article-container.svelte-tdik4l{margin-top:4rem}.article-section.svelte-tdik4l{margin-bottom:4rem}.article-section.svelte-tdik4l h2:where(.svelte-tdik4l){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-tdik4l p:where(.svelte-tdik4l){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-tdik4l{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-tdik4l:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-tdik4l{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-tdik4l{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-tdik4l{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-tdik4l h3:where(.svelte-tdik4l){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-tdik4l p:where(.svelte-tdik4l){margin-bottom:0;font-size:1rem}.simple-grid.svelte-tdik4l{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-tdik4l{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-tdik4l h3:where(.svelte-tdik4l){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-tdik4l{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-tdik4l{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-tdik4l h3:where(.svelte-tdik4l){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-tdik4l{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-tdik4l ul:where(.svelte-tdik4l){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-tdik4l li:where(.svelte-tdik4l){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-tdik4l li:where(.svelte-tdik4l):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-tdik4l{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-tdik4l{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-tdik4l h3:where(.svelte-tdik4l){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-tdik4l{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-tdik4l{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-tdik4l h3:where(.svelte-tdik4l){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-tdik4l{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-tdik4l h2:where(.svelte-tdik4l){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-tdik4l p:where(.svelte-tdik4l){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-tdik4l{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-tdik4l:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.editor-grid.svelte-tdik4l,.simple-steps.svelte-tdik4l,.use-cases-grid.svelte-tdik4l,.alternatives-grid.svelte-tdik4l,.tips-card.svelte-tdik4l ul:where(.svelte-tdik4l){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-tdik4l{padding:1rem}.header.svelte-tdik4l h1:where(.svelte-tdik4l){font-size:2rem}.article-section.svelte-tdik4l h2:where(.svelte-tdik4l){font-size:1.75rem}}.container.svelte-1szohre{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-1szohre{text-align:center;margin-bottom:3rem}.header.svelte-1szohre h1:where(.svelte-1szohre){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1szohre p:where(.svelte-1szohre){color:#64748b;font-size:1.1rem}.tool-main.svelte-1szohre{margin-bottom:4rem}.main-card.svelte-1szohre{background:#fff;border:1px solid #dee2e6;border-radius:24px;min-height:400px;padding:2rem;box-shadow:0 4px 6px #0000000d}.upload-area.svelte-1szohre{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;justify-content:center;align-items:center;height:400px;transition:all .3s;display:flex}.upload-area.svelte-1szohre:hover,.upload-area.dragover.svelte-1szohre{background:#eff6ff;border-color:#2563eb}.upload-content.svelte-1szohre{text-align:center}.upload-icon-wrapper.svelte-1szohre{color:#2563eb;margin-bottom:1.5rem}.upload-content.svelte-1szohre h3:where(.svelte-1szohre){color:#1e293b;margin-bottom:.5rem;font-size:1.5rem}.upload-content.svelte-1szohre p:where(.svelte-1szohre){color:#64748b;margin-bottom:1rem}.file-hint.svelte-1szohre{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:50px;padding:.4rem 1rem;font-size:.85rem}.editor-grid.svelte-1szohre{grid-template-columns:1fr 350px;gap:2rem;display:grid}.preview-card.svelte-1szohre,.controls-card.svelte-1szohre{flex-direction:column;gap:1.5rem;display:flex}.preview-header.svelte-1szohre{justify-content:space-between;align-items:center;display:flex}.label-group.svelte-1szohre{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-1szohre svg:where(.svelte-1szohre){color:#2563eb}.filename.svelte-1szohre{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.85rem;overflow:hidden}.image-container.svelte-1szohre{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;min-height:400px;display:flex;overflow:hidden}.image-container.svelte-1szohre img:where(.svelte-1szohre){object-fit:contain;max-width:100%;max-height:600px;box-shadow:0 10px 25px #0000001a}.card-header-inner.svelte-1szohre{border-bottom:1px solid #f1f5f9;padding-bottom:1rem}.control-item.svelte-1szohre{flex-direction:column;gap:1rem;display:flex}.label-row.svelte-1szohre{justify-content:space-between;align-items:center;display:flex}.label-row.svelte-1szohre label:where(.svelte-1szohre){color:#64748b;font-size:.9rem;font-weight:700}.value-badge.svelte-1szohre{color:#2563eb;background:#eff6ff;border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.range-slider.svelte-1szohre{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.range-slider.svelte-1szohre::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0000001a}.hint-text.svelte-1szohre{color:#94a3b8;margin:0;font-size:.8rem}.stats-grid.svelte-1szohre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem;display:grid}.stat-item.svelte-1szohre{flex-direction:column;gap:.25rem;display:flex}.stat-item.highlight.svelte-1szohre{border-top:1px solid #e2e8f0;grid-column:span 2;align-items:center;padding-top:.75rem}.stat-label.svelte-1szohre{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:700}.stat-value.svelte-1szohre{color:#1e293b;font-size:1.1rem;font-weight:800}.highlight.svelte-1szohre .stat-value:where(.svelte-1szohre){color:#2563eb;font-size:1.5rem}.action-buttons.svelte-1szohre{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.btn-action.svelte-1szohre{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.btn-action.primary.svelte-1szohre{color:#fff;background:#2563eb;border:none}.btn-action.primary.svelte-1szohre:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-action.secondary.svelte-1szohre{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.btn-action.secondary.svelte-1szohre:hover{background:#f1f5f9;border-color:#cbd5e1}.article-container.svelte-1szohre{margin-top:4rem}.article-section.svelte-1szohre{margin-bottom:4rem}.article-section.svelte-1szohre h2:where(.svelte-1szohre){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1szohre p:where(.svelte-1szohre){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1szohre{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-1szohre:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-1szohre{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1szohre{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-1szohre{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1szohre h3:where(.svelte-1szohre){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-1szohre p:where(.svelte-1szohre){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1szohre{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1szohre{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1szohre h3:where(.svelte-1szohre){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1szohre{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1szohre{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-1szohre h3:where(.svelte-1szohre){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-1szohre{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-1szohre ul:where(.svelte-1szohre){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-1szohre li:where(.svelte-1szohre){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-1szohre li:where(.svelte-1szohre):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-1szohre{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1szohre{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-1szohre h3:where(.svelte-1szohre){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-1szohre{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1szohre{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-1szohre h3:where(.svelte-1szohre){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1szohre{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1szohre h2:where(.svelte-1szohre){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1szohre p:where(.svelte-1szohre){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1szohre{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1szohre:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.editor-grid.svelte-1szohre,.simple-steps.svelte-1szohre,.use-cases-grid.svelte-1szohre,.alternatives-grid.svelte-1szohre,.tips-card.svelte-1szohre ul:where(.svelte-1szohre){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1szohre{padding:1rem}.header.svelte-1szohre h1:where(.svelte-1szohre){font-size:2rem}.article-section.svelte-1szohre h2:where(.svelte-1szohre){font-size:1.75rem}.upload-area.svelte-1szohre{height:300px}}.container.svelte-rnwtlq{max-width:1000px;margin:0 auto}.header.svelte-rnwtlq{margin-bottom:1.5rem;padding:0 .5rem}.header-content.svelte-rnwtlq{text-align:left}.title-group.svelte-rnwtlq{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.icon-badge.svelte-rnwtlq{background:#fee2e2;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.header.svelte-rnwtlq h1:where(.svelte-rnwtlq){color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.header.svelte-rnwtlq p:where(.svelte-rnwtlq){color:#64748b;margin:0;font-size:.95rem}.tool-main.svelte-rnwtlq{margin-bottom:2rem}.main-card.svelte-rnwtlq{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.25rem;box-shadow:0 4px 6px -1px #0000000d}.input-section.svelte-rnwtlq{gap:.75rem;margin-bottom:1.25rem;display:flex}.input-wrapper.svelte-rnwtlq{flex:1;align-items:center;display:flex;position:relative}.input-icon.svelte-rnwtlq{color:#ef4444;align-items:center;display:flex;position:absolute;left:.85rem}input.svelte-rnwtlq{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:.75rem 2.5rem;font-size:.95rem;transition:all .2s}input.svelte-rnwtlq:focus{background:#fff;border-color:#ef4444;outline:none;box-shadow:0 0 0 3px #ef44441a}.clear-btn.svelte-rnwtlq{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:.2rem;display:flex;position:absolute;right:.75rem}.btn-primary.svelte-rnwtlq{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.btn-primary.svelte-rnwtlq:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.spinner.svelte-rnwtlq{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite svelte-rnwtlq-spin}@keyframes svelte-rnwtlq-spin{to{transform:rotate(360deg)}}.results-container.svelte-rnwtlq{max-height:500px;margin-top:.5rem;padding-right:.5rem;overflow-y:auto}.results-container.svelte-rnwtlq::-webkit-scrollbar{width:6px}.results-container.svelte-rnwtlq::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.results-container.svelte-rnwtlq::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.results-grid.svelte-rnwtlq{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.thumb-card.svelte-rnwtlq{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;transition:all .2s;overflow:hidden}.thumb-card.svelte-rnwtlq:hover{border-color:#ef4444}.thumb-preview.svelte-rnwtlq{aspect-ratio:16/9;background:#000;position:relative}.thumb-preview.svelte-rnwtlq img:where(.svelte-rnwtlq){object-fit:cover;width:100%;height:100%}.quality-badge.svelte-rnwtlq{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700;position:absolute;bottom:.5rem;right:.5rem}.thumb-info.svelte-rnwtlq{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.thumb-info.svelte-rnwtlq h3:where(.svelte-rnwtlq){color:#1e293b;margin:0;font-size:.9rem;font-weight:600}.download-btn.svelte-rnwtlq{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.5rem;font-size:.85rem;font-weight:700;display:flex}.download-btn.svelte-rnwtlq:hover{color:#fff;background:#ef4444;border-color:#ef4444}.empty-state.svelte-rnwtlq{text-align:center;color:#64748b;padding:2rem}.empty-icon.svelte-rnwtlq{color:#e2e8f0;margin-bottom:.75rem}.empty-state.svelte-rnwtlq p:where(.svelte-rnwtlq){margin:0;font-size:.9rem}.article-container.svelte-rnwtlq{margin-top:3rem}.article-section.svelte-rnwtlq{margin-bottom:3rem}.article-section.svelte-rnwtlq h2:where(.svelte-rnwtlq){color:#1e293b;text-align:center;margin-bottom:1.25rem;font-size:1.75rem}.article-section.svelte-rnwtlq p:where(.svelte-rnwtlq){color:#475569;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.7}.btn-cta-article.svelte-rnwtlq{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50px;margin:1.5rem auto;padding:.85rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;display:block}.simple-steps.svelte-rnwtlq{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step.svelte-rnwtlq{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.step-circle.svelte-rnwtlq{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-size:1.1rem;font-weight:800;display:flex}.step.svelte-rnwtlq h3:where(.svelte-rnwtlq){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.step.svelte-rnwtlq p:where(.svelte-rnwtlq){font-size:.95rem}.simple-grid.svelte-rnwtlq{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.simple-card.svelte-rnwtlq{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.use-cases-grid.svelte-rnwtlq{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.use-case-card.svelte-rnwtlq{background:#f1f5f9;border-radius:12px;padding:1.25rem}.tips-card.svelte-rnwtlq{background:#fff5f5;border:1px solid #fed7d7;border-radius:16px;padding:1.5rem}.tips-card.svelte-rnwtlq ul:where(.svelte-rnwtlq){grid-template-columns:1fr 1fr;gap:1rem;padding:0;list-style:none;display:grid}.tips-card.svelte-rnwtlq li:where(.svelte-rnwtlq){color:#c53030;padding-left:1.5rem;font-size:.95rem;position:relative}.tips-card.svelte-rnwtlq li:where(.svelte-rnwtlq):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-rnwtlq{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.alt-card.svelte-rnwtlq{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.faq-list.svelte-rnwtlq{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-rnwtlq{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.final-cta.svelte-rnwtlq{text-align:center;color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:24px;padding:3rem 1.5rem}.final-cta.svelte-rnwtlq h2:where(.svelte-rnwtlq){color:#fff;margin-bottom:.75rem;font-size:1.75rem}.final-cta.svelte-rnwtlq p:where(.svelte-rnwtlq){color:#94a3b8;margin-bottom:1.5rem}.btn-cta-main.svelte-rnwtlq{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50px;padding:.85rem 2rem;font-size:1rem;font-weight:700}@media (max-width:1024px){.simple-steps.svelte-rnwtlq,.use-cases-grid.svelte-rnwtlq,.alternatives-grid.svelte-rnwtlq,.tips-card.svelte-rnwtlq ul:where(.svelte-rnwtlq){grid-template-columns:1fr}}@media (max-width:768px){.input-section.svelte-rnwtlq{flex-direction:column}.btn-primary.svelte-rnwtlq{justify-content:center;padding:.85rem}}.container.svelte-waibs6{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-waibs6{text-align:center;margin-bottom:3rem}.header.svelte-waibs6 h1:where(.svelte-waibs6){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-waibs6 p:where(.svelte-waibs6){color:#64748b;font-size:1.1rem}.tool-main.svelte-waibs6{flex-direction:column;gap:2rem;margin-bottom:4rem;display:flex}.upload-card.svelte-waibs6{background:#fff;border:1px solid #dee2e6;border-radius:20px;padding:1rem;position:relative;box-shadow:0 4px 6px #0000000d}.drop-zone.svelte-waibs6{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:4rem 2rem;transition:all .2s}.drop-zone.svelte-waibs6:hover,.drop-zone.dragover.svelte-waibs6{background:#eff6ff;border-color:#2563eb}.upload-icon-wrapper.svelte-waibs6{color:#2563eb;margin-bottom:1.5rem}.upload-content.svelte-waibs6 h3:where(.svelte-waibs6){color:#1e293b;margin-bottom:.5rem;font-size:1.5rem}.upload-content.svelte-waibs6 p:where(.svelte-waibs6){color:#64748b}.processing-overlay.svelte-waibs6{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffffe6;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:1rem}.progress-info.svelte-waibs6{text-align:center;width:80%}.progress-bar-container.svelte-waibs6{background:#e2e8f0;border-radius:6px;height:12px;margin-bottom:1rem;overflow:hidden}.progress-bar-fill.svelte-waibs6{background:#2563eb;height:100%;transition:width .3s}.settings-card.svelte-waibs6{background:#fff;border:1px solid #dee2e6;border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d}.card-header-inner.svelte-waibs6{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.label-group.svelte-waibs6{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-waibs6 svg:where(.svelte-waibs6){color:#2563eb}.settings-grid.svelte-waibs6{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.setting-item.svelte-waibs6{flex-direction:column;gap:.75rem;display:flex}.setting-item.svelte-waibs6 label:where(.svelte-waibs6){color:#475569;font-size:.9rem;font-weight:700}.range-input.svelte-waibs6{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.range-input.svelte-waibs6::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#2563eb;border-radius:50%;width:18px;height:18px}.select-input.svelte-waibs6,.number-input.svelte-waibs6{background:#f8fafc;border:1px solid #dee2e6;border-radius:8px;outline:none;padding:.6rem 1rem;font-size:.95rem}.select-input.svelte-waibs6:focus,.number-input.svelte-waibs6:focus{background:#fff;border-color:#2563eb}.results-card.svelte-waibs6{background:#fff;border:1px solid #dee2e6;border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d}.header-actions.svelte-waibs6{gap:1rem;display:flex}.btn-primary-sm.svelte-waibs6{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-secondary-sm.svelte-waibs6{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s}.table-wrapper.svelte-waibs6{overflow-x:auto}.results-table.svelte-waibs6{border-collapse:collapse;width:100%}.results-table.svelte-waibs6 th:where(.svelte-waibs6){text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9;padding:1rem;font-size:.85rem}.results-table.svelte-waibs6 td:where(.svelte-waibs6){color:#1e293b;border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.95rem}.file-name.svelte-waibs6{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-weight:600;overflow:hidden}.savings-cell.svelte-waibs6{color:#10b981;font-weight:700}.row-actions.svelte-waibs6{gap:.5rem;display:flex}.action-btn.svelte-waibs6{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.4rem;transition:all .2s}.action-btn.svelte-waibs6:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.action-btn.delete.svelte-waibs6:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.article-container.svelte-waibs6{margin-top:4rem}.article-section.svelte-waibs6{margin-bottom:4rem}.article-section.svelte-waibs6 h2:where(.svelte-waibs6){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-waibs6 p:where(.svelte-waibs6){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-waibs6{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-waibs6:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-waibs6{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-waibs6{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-waibs6{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-waibs6 h3:where(.svelte-waibs6){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-waibs6 p:where(.svelte-waibs6){margin-bottom:0;font-size:1rem}.simple-grid.svelte-waibs6{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-waibs6{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-waibs6 h3:where(.svelte-waibs6){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-waibs6{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-waibs6{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-waibs6 h3:where(.svelte-waibs6){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-waibs6{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-waibs6 ul:where(.svelte-waibs6){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-waibs6 li:where(.svelte-waibs6){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-waibs6 li:where(.svelte-waibs6):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-waibs6{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-waibs6{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-waibs6 h3:where(.svelte-waibs6){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-waibs6{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-waibs6{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-waibs6 h3:where(.svelte-waibs6){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-waibs6{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-waibs6 h2:where(.svelte-waibs6){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-waibs6 p:where(.svelte-waibs6){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-waibs6{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-waibs6:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.settings-grid.svelte-waibs6{grid-template-columns:1fr 1fr}.simple-steps.svelte-waibs6,.use-cases-grid.svelte-waibs6,.alternatives-grid.svelte-waibs6,.tips-card.svelte-waibs6 ul:where(.svelte-waibs6){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-waibs6{padding:1rem}.header.svelte-waibs6 h1:where(.svelte-waibs6){font-size:2rem}.article-section.svelte-waibs6 h2:where(.svelte-waibs6){font-size:1.75rem}.settings-grid.svelte-waibs6{grid-template-columns:1fr}.header-actions.svelte-waibs6{flex-direction:column;width:100%}.header-actions.svelte-waibs6 button:where(.svelte-waibs6){width:100%}}.container.svelte-rdkqoq{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-rdkqoq{text-align:center;margin-bottom:3rem}.header.svelte-rdkqoq h1:where(.svelte-rdkqoq){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-rdkqoq p:where(.svelte-rdkqoq){color:#64748b;font-size:1.1rem}.tool-main.svelte-rdkqoq{margin-bottom:4rem}.main-card.svelte-rdkqoq{background:#fff;border:1px solid #dee2e6;border-radius:24px;min-height:400px;padding:2rem;box-shadow:0 4px 6px #0000000d}.upload-area.svelte-rdkqoq{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;justify-content:center;align-items:center;height:400px;transition:all .3s;display:flex}.upload-area.svelte-rdkqoq:hover,.upload-area.dragover.svelte-rdkqoq{background:#eff6ff;border-color:#2563eb}.upload-content.svelte-rdkqoq{text-align:center}.upload-icon-wrapper.svelte-rdkqoq{color:#2563eb;margin-bottom:1.5rem}.upload-content.svelte-rdkqoq h3:where(.svelte-rdkqoq){color:#1e293b;margin-bottom:.5rem;font-size:1.5rem}.upload-content.svelte-rdkqoq p:where(.svelte-rdkqoq){color:#64748b;margin-bottom:1rem}.file-hint.svelte-rdkqoq{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:50px;padding:.4rem 1rem;font-size:.85rem}.editor-grid.svelte-rdkqoq{grid-template-columns:1fr 350px;gap:2rem;display:grid}.preview-card.svelte-rdkqoq,.controls-card.svelte-rdkqoq{flex-direction:column;gap:1.5rem;display:flex}.preview-header.svelte-rdkqoq{justify-content:space-between;align-items:center;display:flex}.label-group.svelte-rdkqoq{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-rdkqoq svg:where(.svelte-rdkqoq){color:#2563eb}.filename.svelte-rdkqoq{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.85rem;overflow:hidden}.canvas-container.svelte-rdkqoq{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}canvas.svelte-rdkqoq{object-fit:contain;max-width:100%;max-height:600px;box-shadow:0 10px 25px #0000001a}.loading-overlay.svelte-rdkqoq{z-index:10;background:#fffc;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.spinner.svelte-rdkqoq{border:4px solid #f3f3f3;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:1s linear infinite svelte-rdkqoq-spin}@keyframes svelte-rdkqoq-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-header-inner.svelte-rdkqoq{border-bottom:1px solid #f1f5f9;padding-bottom:1rem}.control-item.svelte-rdkqoq{flex-direction:column;gap:1rem;display:flex}.label-row.svelte-rdkqoq{justify-content:space-between;align-items:center;display:flex}.label-row.svelte-rdkqoq label:where(.svelte-rdkqoq){color:#64748b;font-size:.9rem;font-weight:700}.value-badge.svelte-rdkqoq{color:#2563eb;background:#eff6ff;border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.range-slider.svelte-rdkqoq{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.range-slider.svelte-rdkqoq::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0000001a}.action-buttons.svelte-rdkqoq{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.btn-action.svelte-rdkqoq{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.btn-action.primary.svelte-rdkqoq{color:#fff;background:#2563eb;border:none}.btn-action.primary.svelte-rdkqoq:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-action.secondary.svelte-rdkqoq{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.btn-action.secondary.svelte-rdkqoq:hover{background:#f1f5f9;border-color:#cbd5e1}.article-container.svelte-rdkqoq{margin-top:4rem}.article-section.svelte-rdkqoq{margin-bottom:4rem}.article-section.svelte-rdkqoq h2:where(.svelte-rdkqoq){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-rdkqoq p:where(.svelte-rdkqoq){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-rdkqoq{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-rdkqoq:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-rdkqoq{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-rdkqoq{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-rdkqoq{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-rdkqoq h3:where(.svelte-rdkqoq){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-rdkqoq p:where(.svelte-rdkqoq){margin-bottom:0;font-size:1rem}.simple-grid.svelte-rdkqoq{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-rdkqoq{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-rdkqoq h3:where(.svelte-rdkqoq){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-rdkqoq{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-rdkqoq{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-rdkqoq h3:where(.svelte-rdkqoq){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-rdkqoq{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-rdkqoq ul:where(.svelte-rdkqoq){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-rdkqoq li:where(.svelte-rdkqoq){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-rdkqoq li:where(.svelte-rdkqoq):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-rdkqoq{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-rdkqoq{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-rdkqoq h3:where(.svelte-rdkqoq){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-rdkqoq{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-rdkqoq{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-rdkqoq h3:where(.svelte-rdkqoq){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-rdkqoq{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-rdkqoq h2:where(.svelte-rdkqoq){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-rdkqoq p:where(.svelte-rdkqoq){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-rdkqoq{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-rdkqoq:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.editor-grid.svelte-rdkqoq,.simple-steps.svelte-rdkqoq,.use-cases-grid.svelte-rdkqoq,.alternatives-grid.svelte-rdkqoq,.tips-card.svelte-rdkqoq ul:where(.svelte-rdkqoq){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-rdkqoq{padding:1rem}.header.svelte-rdkqoq h1:where(.svelte-rdkqoq){font-size:2rem}.article-section.svelte-rdkqoq h2:where(.svelte-rdkqoq){font-size:1.75rem}.upload-area.svelte-rdkqoq{height:300px}}.container.svelte-yzlmdc{max-width:1100px;margin:0 auto;padding:2rem}.header.svelte-yzlmdc{text-align:center;margin-bottom:3rem}.header.svelte-yzlmdc h1:where(.svelte-yzlmdc){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem}.header.svelte-yzlmdc p:where(.svelte-yzlmdc){color:#64748b;font-size:1.1rem}.tool-main.svelte-yzlmdc{margin-bottom:4rem}.main-card.svelte-yzlmdc{background:#fff;border:1px solid #dee2e6;border-radius:24px;min-height:500px;padding:2rem;box-shadow:0 4px 6px #0000000d}.upload-area.svelte-yzlmdc{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;justify-content:center;align-items:center;height:500px;transition:all .3s;display:flex}.upload-area.svelte-yzlmdc:hover,.upload-area.dragover.svelte-yzlmdc{background:#eff6ff;border-color:#2563eb}.upload-content.svelte-yzlmdc{text-align:center}.upload-icon-wrapper.svelte-yzlmdc{color:#2563eb;margin-bottom:1.5rem}.upload-content.svelte-yzlmdc h3:where(.svelte-yzlmdc){color:#1e293b;margin-bottom:.5rem;font-size:1.5rem}.upload-content.svelte-yzlmdc p:where(.svelte-yzlmdc){color:#64748b;margin-bottom:1rem}.file-hint.svelte-yzlmdc{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:50px;padding:.4rem 1rem;font-size:.85rem}.editor-grid.svelte-yzlmdc{grid-template-columns:1fr 350px;gap:2rem;display:grid}.preview-card.svelte-yzlmdc,.controls-card.svelte-yzlmdc{flex-direction:column;gap:1.5rem;display:flex}.preview-header.svelte-yzlmdc{justify-content:space-between;align-items:center;display:flex}.label-group.svelte-yzlmdc{color:#1e293b;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.label-group.svelte-yzlmdc svg:where(.svelte-yzlmdc){color:#2563eb}.filename.svelte-yzlmdc{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.85rem;overflow:hidden}.cropper-container.svelte-yzlmdc{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.image-wrapper.svelte-yzlmdc{-webkit-user-select:none;user-select:none;position:relative}.overlay.svelte-yzlmdc{pointer-events:none;background:#00000080;position:absolute;inset:0}.crop-box.svelte-yzlmdc{cursor:move;touch-action:none;background:0 0;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #00000080}.crop-grid.svelte-yzlmdc{pointer-events:none;position:absolute;inset:0}.grid-line.svelte-yzlmdc{background:#fff6;position:absolute}.v1.svelte-yzlmdc{width:1px;top:0;bottom:0;left:33.33%}.v2.svelte-yzlmdc{width:1px;top:0;bottom:0;left:66.66%}.h1.svelte-yzlmdc{height:1px;top:33.33%;left:0;right:0}.h2.svelte-yzlmdc{height:1px;top:66.66%;left:0;right:0}.handle.svelte-yzlmdc{background:#fff;border:2px solid #2563eb;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 2px 4px #0003}.tl.svelte-yzlmdc{cursor:nwse-resize;top:-7px;left:-7px}.tr.svelte-yzlmdc{cursor:nesw-resize;top:-7px;right:-7px}.bl.svelte-yzlmdc{cursor:nesw-resize;bottom:-7px;left:-7px}.br.svelte-yzlmdc{cursor:nwse-resize;bottom:-7px;right:-7px}.card-header-inner.svelte-yzlmdc{border-bottom:1px solid #f1f5f9;padding-bottom:1rem}.control-item.svelte-yzlmdc{flex-direction:column;gap:1rem;display:flex}.control-item.svelte-yzlmdc label:where(.svelte-yzlmdc){color:#64748b;font-size:.9rem;font-weight:700}.ratio-grid.svelte-yzlmdc{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.ratio-grid.svelte-yzlmdc button:where(.svelte-yzlmdc){color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem;font-size:.9rem;font-weight:700;transition:all .2s}.ratio-grid.svelte-yzlmdc button.active:where(.svelte-yzlmdc){color:#fff;background:#2563eb;border-color:#2563eb}.stats-grid.svelte-yzlmdc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem;display:grid}.stat-item.svelte-yzlmdc{flex-direction:column;gap:.25rem;display:flex}.stat-label.svelte-yzlmdc{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:700}.stat-value.svelte-yzlmdc{color:#1e293b;font-size:1.1rem;font-weight:800}.action-buttons.svelte-yzlmdc{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.btn-action.svelte-yzlmdc{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.btn-action.primary.svelte-yzlmdc{color:#fff;background:#2563eb;border:none}.btn-action.primary.svelte-yzlmdc:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-action.secondary.svelte-yzlmdc{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.btn-action.secondary.svelte-yzlmdc:hover{background:#f1f5f9;border-color:#cbd5e1}.article-container.svelte-yzlmdc{margin-top:4rem}.article-section.svelte-yzlmdc{margin-bottom:4rem}.article-section.svelte-yzlmdc h2:where(.svelte-yzlmdc){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-yzlmdc p:where(.svelte-yzlmdc){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-yzlmdc{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #2563eb4d}.btn-cta-article.svelte-yzlmdc:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb66}.simple-steps.svelte-yzlmdc{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-yzlmdc{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.step-circle.svelte-yzlmdc{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-yzlmdc h3:where(.svelte-yzlmdc){color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.step.svelte-yzlmdc p:where(.svelte-yzlmdc){margin-bottom:0;font-size:1rem}.simple-grid.svelte-yzlmdc{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-yzlmdc{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-yzlmdc h3:where(.svelte-yzlmdc){color:#1e293b;margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-yzlmdc{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-yzlmdc{background:#f1f5f9;border-radius:12px;padding:1.5rem}.use-case-card.svelte-yzlmdc h3:where(.svelte-yzlmdc){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem}.tips-card.svelte-yzlmdc{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:2rem}.tips-card.svelte-yzlmdc ul:where(.svelte-yzlmdc){grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.tips-card.svelte-yzlmdc li:where(.svelte-yzlmdc){color:#92400e;padding-left:1.5rem;font-weight:500;position:relative}.tips-card.svelte-yzlmdc li:where(.svelte-yzlmdc):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-yzlmdc{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-yzlmdc{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.alt-card.svelte-yzlmdc h3:where(.svelte-yzlmdc){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.faq-list.svelte-yzlmdc{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-yzlmdc{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.faq-item.svelte-yzlmdc h3:where(.svelte-yzlmdc){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-yzlmdc{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-yzlmdc h2:where(.svelte-yzlmdc){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-yzlmdc p:where(.svelte-yzlmdc){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-yzlmdc{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-yzlmdc:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.editor-grid.svelte-yzlmdc,.simple-steps.svelte-yzlmdc,.use-cases-grid.svelte-yzlmdc,.alternatives-grid.svelte-yzlmdc,.tips-card.svelte-yzlmdc ul:where(.svelte-yzlmdc){grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-yzlmdc{padding:1rem}.header.svelte-yzlmdc h1:where(.svelte-yzlmdc){font-size:2rem}.article-section.svelte-yzlmdc h2:where(.svelte-yzlmdc){font-size:1.75rem}.upload-area.svelte-yzlmdc{height:300px}}.container.svelte-oz1ty9{max-width:1000px;margin:0 auto}.header.svelte-oz1ty9{margin-bottom:1.5rem;padding:0 .5rem}.header-content.svelte-oz1ty9{text-align:left}.title-group.svelte-oz1ty9{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.icon-badge.svelte-oz1ty9{background:#f0fdf4;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.header.svelte-oz1ty9 h1:where(.svelte-oz1ty9){color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.header.svelte-oz1ty9 p:where(.svelte-oz1ty9){color:#64748b;margin:0;font-size:.95rem}.tool-main.svelte-oz1ty9{margin-bottom:2rem}.main-card.svelte-oz1ty9{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.25rem;box-shadow:0 4px 6px -1px #0000000d}.upload-area.svelte-oz1ty9{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;height:250px;transition:all .2s;display:flex}.upload-area.svelte-oz1ty9:hover,.upload-area.dragover.svelte-oz1ty9{background:#f0fdf4;border-color:#22c55e}.upload-content.svelte-oz1ty9{text-align:center}.upload-icon-wrapper.svelte-oz1ty9{color:#22c55e;margin-bottom:1rem}.upload-content.svelte-oz1ty9 h3:where(.svelte-oz1ty9){color:#1e293b;margin-bottom:.25rem;font-size:1.1rem}.upload-content.svelte-oz1ty9 p:where(.svelte-oz1ty9){color:#64748b;font-size:.9rem}.editor-grid.svelte-oz1ty9{grid-template-columns:1fr 280px;gap:1.5rem;display:grid}.preview-card.svelte-oz1ty9{flex-direction:column;display:flex}.canvas-container.svelte-oz1ty9{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;min-height:350px;max-height:450px;display:flex;position:relative;overflow:hidden}canvas.svelte-oz1ty9{object-fit:contain;max-width:100%;max-height:100%}.loading-overlay.svelte-oz1ty9{background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner.svelte-oz1ty9{border:3px solid #f3f3f3;border-top-color:#22c55e;border-radius:50%;width:30px;height:30px;animation:1s linear infinite svelte-oz1ty9-spin}@keyframes svelte-oz1ty9-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-header.svelte-oz1ty9{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.section-header.svelte-oz1ty9 svg:where(.svelte-oz1ty9){color:#22c55e}.flip-options.svelte-oz1ty9{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.flip-btn.svelte-oz1ty9{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.flip-btn.svelte-oz1ty9:hover{background:#f1f5f9;border-color:#cbd5e1}.flip-btn.active.svelte-oz1ty9{color:#166534;background:#f0fdf4;border-color:#22c55e}.action-buttons.svelte-oz1ty9{flex-direction:column;gap:.75rem;display:flex}.btn-action.svelte-oz1ty9{cursor:pointer;text-align:center;border-radius:10px;padding:.65rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn-action.primary.svelte-oz1ty9{color:#fff;background:#22c55e;border:none}.btn-action.secondary.svelte-oz1ty9{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.article-container.svelte-oz1ty9{margin-top:3rem}.article-section.svelte-oz1ty9{margin-bottom:3rem}.article-section.svelte-oz1ty9 h2:where(.svelte-oz1ty9){color:#1e293b;text-align:center;margin-bottom:1.25rem;font-size:1.75rem}.article-section.svelte-oz1ty9 p:where(.svelte-oz1ty9){color:#475569;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.7}.btn-cta-article.svelte-oz1ty9{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:50px;margin:1.5rem auto;padding:.85rem 2rem;font-size:1rem;font-weight:700;display:block}.simple-steps.svelte-oz1ty9{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step.svelte-oz1ty9{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.step-circle.svelte-oz1ty9{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-size:1.1rem;font-weight:800;display:flex}.simple-grid.svelte-oz1ty9{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.simple-card.svelte-oz1ty9{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.use-cases-grid.svelte-oz1ty9{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.use-case-card.svelte-oz1ty9{background:#f1f5f9;border-radius:12px;padding:1.25rem}.tips-card.svelte-oz1ty9{background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;padding:1.5rem}.tips-card.svelte-oz1ty9 ul:where(.svelte-oz1ty9){grid-template-columns:1fr 1fr;gap:1rem;padding:0;list-style:none;display:grid}.tips-card.svelte-oz1ty9 li:where(.svelte-oz1ty9){color:#166534;padding-left:1.5rem;font-size:.95rem;position:relative}.tips-card.svelte-oz1ty9 li:where(.svelte-oz1ty9):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-oz1ty9{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.alt-card.svelte-oz1ty9{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.faq-list.svelte-oz1ty9{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-oz1ty9{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.final-cta.svelte-oz1ty9{text-align:center;color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:24px;padding:3rem 1.5rem}.final-cta.svelte-oz1ty9 h2:where(.svelte-oz1ty9){color:#fff;margin-bottom:.75rem;font-size:1.75rem}.final-cta.svelte-oz1ty9 p:where(.svelte-oz1ty9){color:#94a3b8;margin-bottom:1.5rem}.btn-cta-main.svelte-oz1ty9{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:50px;padding:.85rem 2rem;font-size:1rem;font-weight:700}@media (max-width:1024px){.editor-grid.svelte-oz1ty9,.simple-steps.svelte-oz1ty9,.use-cases-grid.svelte-oz1ty9,.alternatives-grid.svelte-oz1ty9,.tips-card.svelte-oz1ty9 ul:where(.svelte-oz1ty9){grid-template-columns:1fr}}.container.svelte-16ihkfw{max-width:1000px;margin:0 auto}.header.svelte-16ihkfw{margin-bottom:1.5rem;padding:0 .5rem}.header-content.svelte-16ihkfw{text-align:left}.title-group.svelte-16ihkfw{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.icon-badge.svelte-16ihkfw{background:#e0f2fe;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.header.svelte-16ihkfw h1:where(.svelte-16ihkfw){color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.header.svelte-16ihkfw p:where(.svelte-16ihkfw){color:#64748b;margin:0;font-size:.95rem}.tool-main.svelte-16ihkfw{margin-bottom:2rem}.main-card.svelte-16ihkfw{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.25rem;box-shadow:0 4px 6px -1px #0000000d}.upload-area.svelte-16ihkfw{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;height:250px;transition:all .2s;display:flex}.upload-area.svelte-16ihkfw:hover,.upload-area.dragover.svelte-16ihkfw{background:#eff6ff;border-color:#2563eb}.upload-content.svelte-16ihkfw{text-align:center}.upload-icon-wrapper.svelte-16ihkfw{color:#2563eb;margin-bottom:1rem}.upload-content.svelte-16ihkfw h3:where(.svelte-16ihkfw){color:#1e293b;margin-bottom:.25rem;font-size:1.1rem}.upload-content.svelte-16ihkfw p:where(.svelte-16ihkfw){color:#64748b;font-size:.9rem}.editor-grid.svelte-16ihkfw{grid-template-columns:1fr 280px;gap:1.5rem;display:grid}.preview-card.svelte-16ihkfw{flex-direction:column;display:flex}.canvas-container.svelte-16ihkfw{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;min-height:350px;max-height:450px;display:flex;position:relative;overflow:hidden}canvas.svelte-16ihkfw{object-fit:contain;max-width:100%;max-height:100%}.loading-overlay.svelte-16ihkfw{background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner.svelte-16ihkfw{border:3px solid #f3f3f3;border-top-color:#2563eb;border-radius:50%;width:30px;height:30px;animation:1s linear infinite svelte-16ihkfw-spin}@keyframes svelte-16ihkfw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-header.svelte-16ihkfw{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.section-header.svelte-16ihkfw svg:where(.svelte-16ihkfw){color:#2563eb}.control-item.svelte-16ihkfw{margin-bottom:1.25rem}.control-item.svelte-16ihkfw label:where(.svelte-16ihkfw){color:#64748b;font-size:.85rem;font-weight:600}.label-row.svelte-16ihkfw{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.badge.svelte-16ihkfw{color:#fff;background:#2563eb;border-radius:4px;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.range-input.svelte-16ihkfw{accent-color:#2563eb;cursor:pointer;width:100%}.quick-angles.svelte-16ihkfw{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.25rem;display:grid}.quick-angles.svelte-16ihkfw button:where(.svelte-16ihkfw){color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;font-size:.85rem;font-weight:700}.quick-angles.svelte-16ihkfw button:where(.svelte-16ihkfw):hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.quick-angles.svelte-16ihkfw button.reset-angle:where(.svelte-16ihkfw){background:#f1f5f9;grid-column:span 2}.action-buttons.svelte-16ihkfw{flex-direction:column;gap:.75rem;display:flex}.btn-action.svelte-16ihkfw{cursor:pointer;text-align:center;border-radius:10px;padding:.65rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn-action.primary.svelte-16ihkfw{color:#fff;background:#2563eb;border:none}.btn-action.secondary.svelte-16ihkfw{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.article-container.svelte-16ihkfw{margin-top:3rem}.article-section.svelte-16ihkfw{margin-bottom:3rem}.article-section.svelte-16ihkfw h2:where(.svelte-16ihkfw){color:#1e293b;text-align:center;margin-bottom:1.25rem;font-size:1.75rem}.article-section.svelte-16ihkfw p:where(.svelte-16ihkfw){color:#475569;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.7}.btn-cta-article.svelte-16ihkfw{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;margin:1.5rem auto;padding:.85rem 2rem;font-size:1rem;font-weight:700;display:block}.simple-steps.svelte-16ihkfw{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step.svelte-16ihkfw{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.step-circle.svelte-16ihkfw{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-size:1.1rem;font-weight:800;display:flex}.simple-grid.svelte-16ihkfw{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.simple-card.svelte-16ihkfw{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.use-cases-grid.svelte-16ihkfw{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.use-case-card.svelte-16ihkfw{background:#f1f5f9;border-radius:12px;padding:1.25rem}.tips-card.svelte-16ihkfw{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;padding:1.5rem}.tips-card.svelte-16ihkfw ul:where(.svelte-16ihkfw){grid-template-columns:1fr 1fr;gap:1rem;padding:0;list-style:none;display:grid}.tips-card.svelte-16ihkfw li:where(.svelte-16ihkfw){color:#92400e;padding-left:1.5rem;font-size:.95rem;position:relative}.tips-card.svelte-16ihkfw li:where(.svelte-16ihkfw):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-16ihkfw{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.alt-card.svelte-16ihkfw{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.faq-list.svelte-16ihkfw{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-16ihkfw{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.final-cta.svelte-16ihkfw{text-align:center;color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:24px;padding:3rem 1.5rem}.final-cta.svelte-16ihkfw h2:where(.svelte-16ihkfw){color:#fff;margin-bottom:.75rem;font-size:1.75rem}.final-cta.svelte-16ihkfw p:where(.svelte-16ihkfw){color:#94a3b8;margin-bottom:1.5rem}.btn-cta-main.svelte-16ihkfw{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:.85rem 2rem;font-size:1rem;font-weight:700}@media (max-width:1024px){.editor-grid.svelte-16ihkfw,.simple-steps.svelte-16ihkfw,.use-cases-grid.svelte-16ihkfw,.alternatives-grid.svelte-16ihkfw,.tips-card.svelte-16ihkfw ul:where(.svelte-16ihkfw){grid-template-columns:1fr}}.container.svelte-a2mldx{max-width:1000px;margin:0 auto}.header.svelte-a2mldx{margin-bottom:1.5rem;padding:0 .5rem}.header-content.svelte-a2mldx{text-align:left}.title-group.svelte-a2mldx{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.icon-badge.svelte-a2mldx{background:#fef3c7;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.header.svelte-a2mldx h1:where(.svelte-a2mldx){color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.header.svelte-a2mldx p:where(.svelte-a2mldx){color:#64748b;margin:0;font-size:.95rem}.tool-main.svelte-a2mldx{margin-bottom:2rem}.main-card.svelte-a2mldx{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.25rem;box-shadow:0 4px 6px -1px #0000000d}.editor-grid.svelte-a2mldx{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.section-header.svelte-a2mldx{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.section-header.svelte-a2mldx svg:where(.svelte-a2mldx){color:#e60023}.form-group.svelte-a2mldx{margin-bottom:.75rem}.form-row.svelte-a2mldx{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}label.svelte-a2mldx{color:#64748b;margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}input.svelte-a2mldx,select.svelte-a2mldx{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:.6rem .85rem;font-size:.9rem;transition:all .2s}input.svelte-a2mldx:focus,select.svelte-a2mldx:focus{background:#fff;border-color:#e60023;outline:none;box-shadow:0 0 0 3px #e600231a}.button-group.svelte-a2mldx{grid-template-columns:80px 1fr;gap:.75rem;margin-top:1.25rem;display:grid}.btn-primary.svelte-a2mldx{color:#fff;cursor:pointer;background:#e60023;border:none;border-radius:10px;padding:.65rem;font-size:.9rem;font-weight:700}.btn-primary.svelte-a2mldx:hover:not(:disabled){background:#bd081c;transform:translateY(-1px)}.btn-secondary.svelte-a2mldx{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem;font-size:.9rem;font-weight:700}.prompt-box.svelte-a2mldx{background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:flex-start;min-height:150px;max-height:250px;padding:1rem;display:flex;overflow-y:auto}.prompt-content.svelte-a2mldx{color:#1e293b;text-align:left;width:100%;font-size:.9rem;line-height:1.5}.prompt-placeholder.svelte-a2mldx{text-align:center;color:#94a3b8;align-self:center;font-size:.85rem;font-style:italic}.copy-btn.svelte-a2mldx{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.65rem;font-size:.9rem;font-weight:700;display:flex}.article-container.svelte-a2mldx{margin-top:3rem}.article-section.svelte-a2mldx{margin-bottom:3rem}.article-section.svelte-a2mldx h2:where(.svelte-a2mldx){color:#1e293b;text-align:center;margin-bottom:1.25rem;font-size:1.75rem}.article-section.svelte-a2mldx p:where(.svelte-a2mldx){color:#475569;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.7}.btn-cta-article.svelte-a2mldx{color:#fff;cursor:pointer;background:#e60023;border:none;border-radius:50px;margin:1.5rem auto;padding:.85rem 2rem;font-size:1rem;font-weight:700;display:block}.simple-steps.svelte-a2mldx{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step.svelte-a2mldx{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.step-circle.svelte-a2mldx{color:#fff;background:#e60023;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-size:1.1rem;font-weight:800;display:flex}.simple-grid.svelte-a2mldx{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.simple-card.svelte-a2mldx{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.use-cases-grid.svelte-a2mldx{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.use-case-card.svelte-a2mldx{background:#f1f5f9;border-radius:12px;padding:1.25rem}.tips-card.svelte-a2mldx{background:#fff5f5;border:1px solid #fed7d7;border-radius:16px;padding:1.5rem}.tips-card.svelte-a2mldx ul:where(.svelte-a2mldx){grid-template-columns:1fr 1fr;gap:1rem;padding:0;list-style:none;display:grid}.tips-card.svelte-a2mldx li:where(.svelte-a2mldx){color:#c53030;padding-left:1.5rem;font-size:.95rem;position:relative}.tips-card.svelte-a2mldx li:where(.svelte-a2mldx):before{content:"💡";position:absolute;left:0}.alternatives-grid.svelte-a2mldx{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.alt-card.svelte-a2mldx{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.faq-list.svelte-a2mldx{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-a2mldx{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.final-cta.svelte-a2mldx{text-align:center;color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:24px;padding:3rem 1.5rem}.final-cta.svelte-a2mldx h2:where(.svelte-a2mldx){color:#fff;margin-bottom:.75rem;font-size:1.75rem}.final-cta.svelte-a2mldx p:where(.svelte-a2mldx){color:#94a3b8;margin-bottom:1.5rem}.btn-cta-main.svelte-a2mldx{color:#fff;cursor:pointer;background:#e60023;border:none;border-radius:50px;padding:.85rem 2rem;font-size:1rem;font-weight:700}@media (max-width:1024px){.editor-grid.svelte-a2mldx,.simple-steps.svelte-a2mldx,.use-cases-grid.svelte-a2mldx,.alternatives-grid.svelte-a2mldx,.tips-card.svelte-a2mldx ul:where(.svelte-a2mldx){grid-template-columns:1fr}}.container.svelte-z9n1l{max-width:1100px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.header.svelte-z9n1l{text-align:center;margin-bottom:3rem}.header.svelte-z9n1l h1:where(.svelte-z9n1l){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header.svelte-z9n1l p:where(.svelte-z9n1l){color:#64748b;font-size:1.1rem}.main-card.svelte-z9n1l{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 25px -5px #0000000d}.converter-section.svelte-z9n1l{margin-bottom:3rem}.base-size-control.svelte-z9n1l{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:2rem}.base-header.svelte-z9n1l{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.base-size-control.svelte-z9n1l label:where(.svelte-z9n1l){color:#1e293b;font-size:1rem;font-weight:600}.badge.svelte-z9n1l{color:#fff;text-transform:uppercase;background:#2563eb;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.base-size-control.svelte-z9n1l input[type=range]:where(.svelte-z9n1l){accent-color:#2563eb;background:#e2e8f0;border-radius:5px;outline:none;width:100%;height:8px}.hint.svelte-z9n1l{color:#64748b;margin:1rem 0 0;font-size:.85rem}.conversion-grid.svelte-z9n1l{grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.input-box.svelte-z9n1l label:where(.svelte-z9n1l){color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.9rem;font-weight:700;display:block}.input-wrapper.svelte-z9n1l{align-items:center;display:flex;position:relative}.value-input.svelte-z9n1l{text-align:center;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:16px;width:100%;padding:1.25rem 4rem 1.25rem 1.25rem;font-size:1.75rem;font-weight:800;transition:all .2s}.value-input.svelte-z9n1l:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.unit-label.svelte-z9n1l{color:#94a3b8;font-size:1rem;font-weight:700;position:absolute;right:1.25rem}.swap-btn.svelte-z9n1l{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #2563eb4d}.swap-btn.svelte-z9n1l:hover{background:#1d4ed8;transform:rotate(180deg)scale(1.1)}.formula-card.svelte-z9n1l{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.formula-icon.svelte-z9n1l{font-size:1.25rem}.formula-text.svelte-z9n1l{font-size:1rem}.formula-text.svelte-z9n1l strong:where(.svelte-z9n1l){margin-right:.5rem}.tool-tabs.svelte-z9n1l{background:#f1f5f9;border-radius:14px;justify-content:center;gap:.5rem;width:fit-content;margin:0 auto 2.5rem;padding:.4rem;display:flex}.tab-btn.svelte-z9n1l{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.tab-btn.svelte-z9n1l:hover{color:#1e293b}.tab-btn.active.svelte-z9n1l{color:#2563eb;background:#fff;box-shadow:0 2px 4px #0000000d}.docs-section.svelte-z9n1l{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 25px -5px #0000000d}.docs-nav.svelte-z9n1l{border-bottom:1px solid #e2e8f0;gap:1rem;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.doc-nav-btn.svelte-z9n1l{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.5rem 1.25rem;font-weight:600;transition:all .2s;position:relative}.doc-nav-btn.active.svelte-z9n1l{color:#2563eb}.doc-nav-btn.active.svelte-z9n1l:after{content:"";background:#2563eb;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1rem;left:0;right:0}.doc-pane.svelte-z9n1l h2:where(.svelte-z9n1l){color:#1e293b;margin-bottom:1.5rem;font-size:1.75rem;font-weight:800}.doc-pane.svelte-z9n1l p:where(.svelte-z9n1l){color:#475569;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.reference-table.svelte-z9n1l{border-top:1px solid #e2e8f0;margin-top:4rem;padding-top:3rem}.reference-table.svelte-z9n1l h3:where(.svelte-z9n1l){color:#1e293b;margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.table-wrapper.svelte-z9n1l{border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto}table.svelte-z9n1l{border-collapse:collapse;background:#fff;width:100%}thead.svelte-z9n1l{background:#f8fafc}th.svelte-z9n1l,td.svelte-z9n1l{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}th.svelte-z9n1l{color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}td.svelte-z9n1l{color:#1e293b;font-size:1rem;font-weight:500}.px-tag.svelte-z9n1l{color:#475569;background:#f1f5f9;border-radius:6px;padding:.25rem .6rem;font-family:Fira Code,monospace;font-size:.9rem}.rem-tag.svelte-z9n1l{color:#2563eb;background:#eff6ff;border-radius:6px;padding:.25rem .6rem;font-family:Fira Code,monospace;font-size:.9rem;font-weight:700}tbody.svelte-z9n1l tr:where(.svelte-z9n1l):hover{background:#f8fafc}.article-container.svelte-z9n1l{margin-top:4rem}.article-section.svelte-z9n1l{margin-bottom:4rem}.article-section.svelte-z9n1l h2:where(.svelte-z9n1l){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.article-section.svelte-z9n1l p:where(.svelte-z9n1l){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.simple-steps.svelte-z9n1l{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-z9n1l{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem}.step-circle.svelte-z9n1l{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-z9n1l h3:where(.svelte-z9n1l){color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.simple-grid.svelte-z9n1l{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-z9n1l{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.simple-card.svelte-z9n1l h3:where(.svelte-z9n1l){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.use-cases-grid.svelte-z9n1l{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-z9n1l{background:#f1f5f9;border-radius:16px;padding:1.5rem 2rem}.use-case-card.svelte-z9n1l h3:where(.svelte-z9n1l){color:#2563eb;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.faq-list.svelte-z9n1l{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-z9n1l{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.faq-item.svelte-z9n1l h3:where(.svelte-z9n1l){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.alternatives-grid.svelte-z9n1l{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-z9n1l{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.alt-card.svelte-z9n1l h3:where(.svelte-z9n1l){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.final-cta.svelte-z9n1l{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-z9n1l h2:where(.svelte-z9n1l){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-z9n1l p:where(.svelte-z9n1l){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-z9n1l{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2563eb4d}.btn-cta-main.svelte-z9n1l:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.simple-steps.svelte-z9n1l,.use-cases-grid.svelte-z9n1l,.alternatives-grid.svelte-z9n1l{grid-template-columns:1fr}}@media (max-width:768px){.conversion-grid.svelte-z9n1l{grid-template-columns:1fr;gap:1rem}.swap-btn.svelte-z9n1l{margin:0 auto;transform:rotate(90deg)}.swap-btn.svelte-z9n1l:hover{transform:rotate(270deg)scale(1.1)}.main-card.svelte-z9n1l{padding:2rem 1.5rem}}@media (max-width:640px){.container.svelte-z9n1l{padding:1rem}.header.svelte-z9n1l h1:where(.svelte-z9n1l){font-size:2rem}.article-section.svelte-z9n1l h2:where(.svelte-z9n1l){font-size:1.75rem}}.container.svelte-1ulydnc{max-width:1200px;margin:0 auto;padding:2rem}.header.svelte-1ulydnc{text-align:center;margin-bottom:3rem}.header.svelte-1ulydnc h1:where(.svelte-1ulydnc){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.header.svelte-1ulydnc p:where(.svelte-1ulydnc){color:var(--text-secondary);font-size:1.1rem}.tool-tabs.svelte-1ulydnc{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.tool-tabs.svelte-1ulydnc button:where(.svelte-1ulydnc){border:1px solid var(--border-primary);background:var(--surface-base);color:var(--text-secondary);cursor:pointer;border-radius:2px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.tool-tabs.svelte-1ulydnc button.active:where(.svelte-1ulydnc){background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}.main-card.svelte-1ulydnc{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;margin-bottom:3rem;padding:2rem}.generator-layout.svelte-1ulydnc{grid-template-columns:1.2fr 1fr;gap:3rem;display:grid}.canvas-container.svelte-1ulydnc{background:#f1f5f9;border-radius:2px;justify-content:center;align-items:center;min-height:400px;margin-bottom:1.5rem;padding:2rem;display:flex;overflow:auto}canvas.svelte-1ulydnc{max-width:100%;height:auto;box-shadow:var(--shadow-lg);background:#fff}.preview-actions.svelte-1ulydnc{gap:1rem;display:flex}.btn-primary.svelte-1ulydnc,.btn-secondary.svelte-1ulydnc{cursor:pointer;border:none;border-radius:2px;flex:1;padding:1rem;font-weight:700;transition:all .2s}.btn-primary.svelte-1ulydnc{background:var(--interactive-primary);color:#fff}.btn-primary.svelte-1ulydnc:hover{background:var(--interactive-primary-hover)}.btn-secondary.svelte-1ulydnc{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.settings-section.svelte-1ulydnc{flex-direction:column;gap:1.5rem;display:flex}.settings-group.svelte-1ulydnc label:where(.svelte-1ulydnc){margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}textarea.svelte-1ulydnc{border:1px solid var(--border-primary);background:var(--bg-secondary);resize:vertical;border-radius:2px;width:100%;height:100px;padding:1rem}.settings-grid.svelte-1ulydnc{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.setting-item.svelte-1ulydnc label:where(.svelte-1ulydnc){margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}select.svelte-1ulydnc,input[type=number].svelte-1ulydnc{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:2px;width:100%;padding:.75rem}.color-picker-wrapper.svelte-1ulydnc{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;align-items:center;gap:.75rem;padding:.5rem;display:flex}input[type=color].svelte-1ulydnc{cursor:pointer;background:0 0;border:none;width:40px;height:30px}.color-picker-wrapper.svelte-1ulydnc span:where(.svelte-1ulydnc){font-family:monospace;font-size:.85rem}.docs-card.svelte-1ulydnc{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:2px;padding:2rem}.docs-tabs.svelte-1ulydnc{border-bottom:1px solid var(--border-primary);gap:2rem;margin-bottom:2rem;display:flex}.docs-tabs.svelte-1ulydnc button:where(.svelte-1ulydnc){color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:1rem 0;font-weight:600;position:relative}.docs-tabs.svelte-1ulydnc button.active:where(.svelte-1ulydnc){color:var(--interactive-primary)}.docs-tabs.svelte-1ulydnc button.active:where(.svelte-1ulydnc):after{content:"";background:var(--interactive-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.features-grid.svelte-1ulydnc{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.feature.svelte-1ulydnc{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:2px;padding:1.5rem}.steps-list.svelte-1ulydnc li:where(.svelte-1ulydnc){margin-bottom:1rem;line-height:1.6}@media (max-width:1024px){.generator-layout.svelte-1ulydnc{grid-template-columns:1fr}}.article-container.svelte-1ulydnc{margin-top:4rem}.article-section.svelte-1ulydnc{margin-bottom:4rem}.article-section.svelte-1ulydnc h2:where(.svelte-1ulydnc){color:var(--text-primary);text-align:center;margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1ulydnc p:where(.svelte-1ulydnc){color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.btn-cta-article.svelte-1ulydnc{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;margin:2rem auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 15px #0066ff4d}.btn-cta-article.svelte-1ulydnc:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06f6}.simple-steps.svelte-1ulydnc{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1ulydnc{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem}.step-circle.svelte-1ulydnc{background:var(--interactive-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1ulydnc h3:where(.svelte-1ulydnc){color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.step.svelte-1ulydnc p:where(.svelte-1ulydnc){margin-bottom:0;font-size:1rem}.simple-grid.svelte-1ulydnc{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1ulydnc{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;box-shadow:0 2px 4px #00000005}.simple-card.svelte-1ulydnc h3:where(.svelte-1ulydnc){color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.use-cases-grid.svelte-1ulydnc{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.use-case-card.svelte-1ulydnc{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.use-case-card.svelte-1ulydnc h3:where(.svelte-1ulydnc){color:var(--interactive-primary);margin-bottom:.75rem;font-size:1.1rem}.faq-list.svelte-1ulydnc{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1ulydnc{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.faq-item.svelte-1ulydnc h3:where(.svelte-1ulydnc){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.final-cta.svelte-1ulydnc{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1ulydnc h2:where(.svelte-1ulydnc){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1ulydnc p:where(.svelte-1ulydnc){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1ulydnc{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-cta-main.svelte-1ulydnc:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:768px){.simple-steps.svelte-1ulydnc,.use-cases-grid.svelte-1ulydnc{grid-template-columns:1fr}}.container.svelte-4hblo7{max-width:1100px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.header.svelte-4hblo7{text-align:center;margin-bottom:3rem}.header.svelte-4hblo7 h1:where(.svelte-4hblo7){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header.svelte-4hblo7 p:where(.svelte-4hblo7){color:#64748b;font-size:1.1rem}.tool-main.svelte-4hblo7{grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:4rem;display:grid}.calculator-panel.svelte-4hblo7{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:2rem;padding:2.5rem;display:flex;box-shadow:0 10px 25px -5px #0000000d}.input-grid.svelte-4hblo7{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.input-group.svelte-4hblo7 label:where(.svelte-4hblo7){color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:block}.number-input.svelte-4hblo7{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:.85rem 1rem;font-size:1.1rem;font-weight:600;transition:all .2s}.number-input.svelte-4hblo7:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.presets.svelte-4hblo7 label:where(.svelte-4hblo7){color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:block}.preset-buttons.svelte-4hblo7{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.btn-preset.svelte-4hblo7{cursor:pointer;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem;font-weight:700;transition:all .2s}.btn-preset.svelte-4hblo7:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb;transform:translateY(-1px)}.result-box.svelte-4hblo7{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.result-info.svelte-4hblo7 .label:where(.svelte-4hblo7){color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.result-info.svelte-4hblo7 .value:where(.svelte-4hblo7){color:#2563eb;font-size:1.75rem;font-weight:900}.btn-copy.svelte-4hblo7{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.btn-copy.svelte-4hblo7:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 15px #2563eb4d}.preview-container.svelte-4hblo7{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.preview-box.svelte-4hblo7{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:350px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 20px 25px -5px #0000001a}.preview-text.svelte-4hblo7{margin-bottom:.25rem;font-size:1.75rem;font-weight:900}.preview-ratio.svelte-4hblo7{opacity:.9;font-size:1.1rem;font-weight:600}.article-container.svelte-4hblo7{margin-top:4rem}.article-section.svelte-4hblo7{margin-bottom:4rem}.article-section.svelte-4hblo7 h2:where(.svelte-4hblo7){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.article-section.svelte-4hblo7 p:where(.svelte-4hblo7){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.simple-steps.svelte-4hblo7{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-4hblo7{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem}.step-circle.svelte-4hblo7{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-4hblo7 h3:where(.svelte-4hblo7){color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.simple-grid.svelte-4hblo7{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-4hblo7{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.simple-card.svelte-4hblo7 h3:where(.svelte-4hblo7){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.use-cases-grid.svelte-4hblo7{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.use-case-card.svelte-4hblo7{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem}.use-case-card.svelte-4hblo7 h3:where(.svelte-4hblo7){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.faq-list.svelte-4hblo7{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-4hblo7{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.faq-item.svelte-4hblo7 h3:where(.svelte-4hblo7){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.alternatives-grid.svelte-4hblo7{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-4hblo7{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.alt-card.svelte-4hblo7 h3:where(.svelte-4hblo7){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.final-cta.svelte-4hblo7{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-4hblo7 h2:where(.svelte-4hblo7){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-4hblo7 p:where(.svelte-4hblo7){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-4hblo7{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2563eb4d}.btn-cta-main.svelte-4hblo7:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.tool-main.svelte-4hblo7,.simple-steps.svelte-4hblo7,.alternatives-grid.svelte-4hblo7{grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-4hblo7{padding:1rem}.header.svelte-4hblo7 h1:where(.svelte-4hblo7){font-size:2rem}.preset-buttons.svelte-4hblo7{grid-template-columns:repeat(2,1fr)}.calculator-panel.svelte-4hblo7{padding:1.5rem}.preview-container.svelte-4hblo7{min-height:300px;padding:1rem}.article-section.svelte-4hblo7 h2:where(.svelte-4hblo7){font-size:1.75rem}}.container.svelte-ebteu9{max-width:1100px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.header.svelte-ebteu9{text-align:center;margin-bottom:3rem}.header.svelte-ebteu9 h1:where(.svelte-ebteu9){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header.svelte-ebteu9 p:where(.svelte-ebteu9){color:#64748b;font-size:1.1rem}.tool-tabs.svelte-ebteu9{border-bottom:1px solid #dee2e6;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.tab-btn.svelte-ebteu9{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.tab-btn.svelte-ebteu9:hover{color:#1e293b;background:#f1f5f9}.tab-btn.active.svelte-ebteu9{color:#fff;background:#2563eb}.docs-section.svelte-ebteu9{background:#fff;border:1px solid #dee2e6;border-radius:16px;margin-bottom:3rem;padding:2rem}.docs-nav.svelte-ebteu9{border-bottom:1px solid #dee2e6;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.doc-nav-btn.svelte-ebteu9{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-weight:600;position:relative}.doc-nav-btn.active.svelte-ebteu9{color:#2563eb}.doc-nav-btn.active.svelte-ebteu9:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-1rem;left:0;right:0}.doc-pane.svelte-ebteu9 h2:where(.svelte-ebteu9){color:#1e293b;margin-bottom:1.5rem;font-size:1.75rem}.doc-pane.svelte-ebteu9 p:where(.svelte-ebteu9){color:#475569;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.tool-main.svelte-ebteu9{justify-content:center;margin-bottom:4rem;display:flex}.calculator-panel.svelte-ebteu9{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:1.5rem;width:100%;max-width:550px;padding:2.5rem;display:flex;box-shadow:0 10px 25px -5px #0000000d}.display-box.svelte-ebteu9{text-align:right;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;position:relative}.expression-input.svelte-ebteu9{color:#64748b;text-align:right;background:0 0;border:none;width:100%;margin-bottom:.75rem;padding:0;font-family:JetBrains Mono,monospace;font-size:1.25rem}.expression-input.svelte-ebteu9:focus{outline:none}.final-output.svelte-ebteu9{color:#1e293b;word-break:break-all;min-height:1.2em;font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:900;line-height:1.1}.final-output.error.svelte-ebteu9{color:#ef4444}.btn-copy-sm.svelte-ebteu9{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;transition:all .2s;position:absolute;top:1rem;left:1rem}.btn-copy-sm.svelte-ebteu9:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.keypad-grid.svelte-ebteu9{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.keypad-grid.svelte-ebteu9 button:where(.svelte-ebteu9){cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:1.25rem .5rem;font-size:1.25rem;font-weight:700;transition:all .1s cubic-bezier(.4,0,.2,1);display:flex}.keypad-grid.svelte-ebteu9 button:where(.svelte-ebteu9):hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.keypad-grid.svelte-ebteu9 button:where(.svelte-ebteu9):active{transform:scale(.95)}.btn-op.svelte-ebteu9{color:#2563eb!important;background:#f1f5f9!important}.btn-func.svelte-ebteu9{color:#64748b!important;background:#f8fafc!important;font-size:1rem!important}.btn-clear.svelte-ebteu9{color:#e11d48!important;background:#fff1f2!important;border-color:#fecdd3!important}.btn-solve.svelte-ebteu9{grid-column:span 2;box-shadow:0 4px 12px #2563eb33;color:#fff!important;background:#2563eb!important;border:none!important}.btn-solve.svelte-ebteu9:hover{box-shadow:0 6px 15px #2563eb4d;background:#1d4ed8!important}.rounding-section.svelte-ebteu9{border-top:1px solid #f1f5f9;padding-top:1.5rem}.rounding-section.svelte-ebteu9 label:where(.svelte-ebteu9){color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:block}.optional-text.svelte-ebteu9{color:#94a3b8;text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:400}.sig-fig-buttons.svelte-ebteu9{gap:.5rem;display:flex}.btn-sigfig.svelte-ebteu9,.sigfig-custom-input.svelte-ebteu9{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;height:44px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.sigfig-custom-input.svelte-ebteu9{text-align:center;background:#f8fafc;flex:1.5;padding:0 .75rem}.sigfig-custom-input.svelte-ebteu9:focus{background:#fff;border-color:#2563eb;outline:none}.btn-sigfig.active.svelte-ebteu9{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb33}.article-container.svelte-ebteu9{margin-top:4rem}.article-section.svelte-ebteu9{margin-bottom:4rem}.article-section.svelte-ebteu9 h2:where(.svelte-ebteu9){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.article-section.svelte-ebteu9 p:where(.svelte-ebteu9){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.simple-steps.svelte-ebteu9{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-ebteu9{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem}.step-circle.svelte-ebteu9{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-ebteu9 h3:where(.svelte-ebteu9){color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.simple-grid.svelte-ebteu9{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-ebteu9{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.simple-card.svelte-ebteu9 h3:where(.svelte-ebteu9){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.use-cases-grid.svelte-ebteu9{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.use-case-card.svelte-ebteu9{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem}.use-case-card.svelte-ebteu9 h3:where(.svelte-ebteu9){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.faq-list.svelte-ebteu9{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-ebteu9{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.faq-item.svelte-ebteu9 h3:where(.svelte-ebteu9){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.alternatives-grid.svelte-ebteu9{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-ebteu9{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.alt-card.svelte-ebteu9 h3:where(.svelte-ebteu9){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.final-cta.svelte-ebteu9{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-ebteu9 h2:where(.svelte-ebteu9){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-ebteu9 p:where(.svelte-ebteu9){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-ebteu9{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2563eb4d}.btn-cta-main.svelte-ebteu9:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.simple-steps.svelte-ebteu9,.alternatives-grid.svelte-ebteu9{grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-ebteu9{padding:1rem}.header.svelte-ebteu9 h1:where(.svelte-ebteu9){font-size:2rem}.calculator-panel.svelte-ebteu9{padding:1.5rem}.final-output.svelte-ebteu9{font-size:2rem}.keypad-grid.svelte-ebteu9 button:where(.svelte-ebteu9){padding:1rem .25rem;font-size:1.1rem}.article-section.svelte-ebteu9 h2:where(.svelte-ebteu9){font-size:1.75rem}}.container.svelte-5zb246{max-width:1100px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.header.svelte-5zb246{text-align:center;margin-bottom:3rem}.header.svelte-5zb246 h1:where(.svelte-5zb246){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header.svelte-5zb246 p:where(.svelte-5zb246){color:#64748b;font-size:1.1rem}.tool-main.svelte-5zb246{justify-content:center;margin-bottom:4rem;display:flex}.converter-panel.svelte-5zb246{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:2rem;width:100%;max-width:800px;padding:3rem;display:flex;box-shadow:0 10px 25px -5px #0000000d}.input-group.svelte-5zb246 label:where(.svelte-5zb246){color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:block}.number-input.svelte-5zb246,.select-input.svelte-5zb246{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:.85rem 1rem;font-size:1.1rem;font-weight:600;transition:all .2s}.number-input.svelte-5zb246:focus,.select-input.svelte-5zb246:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.units-grid.svelte-5zb246{grid-template-columns:1fr auto 1fr;align-items:flex-end;gap:1.5rem;display:grid}.btn-swap.svelte-5zb246{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-swap.svelte-5zb246:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb;transform:rotate(180deg)}.result-box.svelte-5zb246{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;padding:2rem;display:flex}.result-content.svelte-5zb246 .result-label:where(.svelte-5zb246){color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.result-value-container.svelte-5zb246{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.result-value.svelte-5zb246{color:#2563eb;word-break:break-all;font-size:2.25rem;font-weight:900;line-height:1}.result-unit.svelte-5zb246{color:#64748b;font-size:1.1rem;font-weight:700}.btn-copy.svelte-5zb246{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:12px;padding:1rem 2rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.btn-copy.svelte-5zb246:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 15px #2563eb4d}.btn-copy.svelte-5zb246:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.article-container.svelte-5zb246{margin-top:4rem}.article-section.svelte-5zb246{margin-bottom:4rem}.article-section.svelte-5zb246 h2:where(.svelte-5zb246){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.article-section.svelte-5zb246 p:where(.svelte-5zb246){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.simple-steps.svelte-5zb246{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-5zb246{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem}.step-circle.svelte-5zb246{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-5zb246 h3:where(.svelte-5zb246){color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.simple-grid.svelte-5zb246{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-5zb246{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.simple-card.svelte-5zb246 h3:where(.svelte-5zb246){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.use-cases-grid.svelte-5zb246{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.use-case-card.svelte-5zb246{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem}.use-case-card.svelte-5zb246 h3:where(.svelte-5zb246){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.faq-list.svelte-5zb246{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-5zb246{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.faq-item.svelte-5zb246 h3:where(.svelte-5zb246){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.alternatives-grid.svelte-5zb246{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-5zb246{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.alt-card.svelte-5zb246 h3:where(.svelte-5zb246){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.final-cta.svelte-5zb246{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-5zb246 h2:where(.svelte-5zb246){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-5zb246 p:where(.svelte-5zb246){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-5zb246{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2563eb4d}.btn-cta-main.svelte-5zb246:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.simple-steps.svelte-5zb246,.alternatives-grid.svelte-5zb246{grid-template-columns:1fr}}@media (max-width:768px){.units-grid.svelte-5zb246{grid-template-columns:1fr;gap:1rem}.btn-swap.svelte-5zb246{margin:.5rem auto;transform:rotate(90deg)}.btn-swap.svelte-5zb246:hover{transform:rotate(270deg)}.result-box.svelte-5zb246{text-align:center;flex-direction:column;gap:1.5rem;padding:1.5rem}.btn-copy.svelte-5zb246{width:100%}}@media (max-width:640px){.container.svelte-5zb246{padding:1rem}.header.svelte-5zb246 h1:where(.svelte-5zb246){font-size:2rem}.converter-panel.svelte-5zb246{padding:1.5rem}.article-section.svelte-5zb246 h2:where(.svelte-5zb246){font-size:1.75rem}}.container.svelte-1gclbm{max-width:1100px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.header.svelte-1gclbm{text-align:center;margin-bottom:3rem}.header.svelte-1gclbm h1:where(.svelte-1gclbm){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header.svelte-1gclbm p:where(.svelte-1gclbm){color:#64748b;font-size:1.1rem}.tool-main.svelte-1gclbm{grid-template-columns:1.5fr 1fr;gap:2.5rem;margin-bottom:4rem;display:grid}.input-panel.svelte-1gclbm{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:2rem;height:100%;padding:2.5rem;display:flex;box-shadow:0 10px 25px -5px #0000000d}.input-group.svelte-1gclbm label:where(.svelte-1gclbm){color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:block}.text-input.svelte-1gclbm{resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;min-height:180px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .2s}.text-input.svelte-1gclbm:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.controls.svelte-1gclbm{border-top:1px solid #f1f5f9;padding-top:1.5rem}.slider-group.svelte-1gclbm{flex-direction:column;gap:1rem;display:flex}.slider-header.svelte-1gclbm{justify-content:space-between;align-items:center;display:flex}.slider-header.svelte-1gclbm label:where(.svelte-1gclbm){color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.value-badge.svelte-1gclbm{color:#2563eb;background:#eff6ff;border-radius:6px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.slider.svelte-1gclbm{accent-color:#2563eb;width:100%}.output-panel.svelte-1gclbm{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:400px;padding:2.5rem;display:flex;box-shadow:0 10px 25px -5px #0000000d}.qr-preview.svelte-1gclbm{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:1.5rem;transition:transform .3s;box-shadow:0 20px 25px -5px #0000001a}.qr-preview.svelte-1gclbm:hover{transform:scale(1.02)}.qr-preview.svelte-1gclbm img:where(.svelte-1gclbm){max-width:100%;height:auto;display:block}.action-buttons.svelte-1gclbm{flex-direction:column;gap:1rem;width:100%;display:flex}.btn-download.svelte-1gclbm{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb33}.btn-download.svelte-1gclbm:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 15px #2563eb4d}.btn-copy.svelte-1gclbm{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.5rem;font-weight:700;transition:all .2s}.btn-copy.svelte-1gclbm:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb;transform:translateY(-2px)}.placeholder.svelte-1gclbm{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.icon-placeholder.svelte-1gclbm{color:#e2e8f0}.article-container.svelte-1gclbm{margin-top:4rem}.article-section.svelte-1gclbm{margin-bottom:4rem}.article-section.svelte-1gclbm h2:where(.svelte-1gclbm){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.article-section.svelte-1gclbm p:where(.svelte-1gclbm){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.simple-steps.svelte-1gclbm{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-1gclbm{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem}.step-circle.svelte-1gclbm{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-1gclbm h3:where(.svelte-1gclbm){color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.simple-grid.svelte-1gclbm{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-1gclbm{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.simple-card.svelte-1gclbm h3:where(.svelte-1gclbm){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.use-cases-grid.svelte-1gclbm{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.use-case-card.svelte-1gclbm{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem}.use-case-card.svelte-1gclbm h3:where(.svelte-1gclbm){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.faq-list.svelte-1gclbm{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1gclbm{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.faq-item.svelte-1gclbm h3:where(.svelte-1gclbm){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.alternatives-grid.svelte-1gclbm{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-1gclbm{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.alt-card.svelte-1gclbm h3:where(.svelte-1gclbm){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.final-cta.svelte-1gclbm{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-1gclbm h2:where(.svelte-1gclbm){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-1gclbm p:where(.svelte-1gclbm){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-1gclbm{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2563eb4d}.btn-cta-main.svelte-1gclbm:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.tool-main.svelte-1gclbm,.simple-steps.svelte-1gclbm,.alternatives-grid.svelte-1gclbm{grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-1gclbm{padding:1rem}.header.svelte-1gclbm h1:where(.svelte-1gclbm){font-size:2rem}.input-panel.svelte-1gclbm,.output-panel.svelte-1gclbm{padding:1.5rem}.article-section.svelte-1gclbm h2:where(.svelte-1gclbm){font-size:1.75rem}}.container.svelte-yy9285{max-width:1100px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.header.svelte-yy9285{text-align:center;margin-bottom:3rem}.header.svelte-yy9285 h1:where(.svelte-yy9285){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header.svelte-yy9285 p:where(.svelte-yy9285){color:#64748b;font-size:1.1rem}.main-card.svelte-yy9285{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:4rem;padding:3rem;box-shadow:0 10px 25px -5px #0000000d}.calculator-grid.svelte-yy9285{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.input-group.svelte-yy9285{margin-bottom:2.5rem}.label-row.svelte-yy9285{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.label-row.svelte-yy9285 label:where(.svelte-yy9285){color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.label-row.svelte-yy9285 .value:where(.svelte-yy9285){color:#2563eb;background:#eff6ff;border-radius:8px;padding:.35rem 1rem;font-size:1rem;font-weight:800}input[type=range].svelte-yy9285{accent-color:#2563eb;background:#e2e8f0;border-radius:5px;outline:none;width:100%;height:6px}.results.svelte-yy9285 h2:where(.svelte-yy9285){color:#1e293b;margin-bottom:2rem;font-size:1.5rem;font-weight:800}.earnings-grid.svelte-yy9285{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;display:grid}.earning-card.svelte-yy9285{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:transform .2s}.earning-card.svelte-yy9285:hover{transform:translateY(-2px)}.earning-card.highlight.svelte-yy9285{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;box-shadow:0 10px 15px -3px #2563eb33}.earning-card.svelte-yy9285 .label:where(.svelte-yy9285){text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.earning-card.svelte-yy9285 .val:where(.svelte-yy9285){font-size:1.5rem;font-weight:900}.note.svelte-yy9285{color:#92400e;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:12px;margin-top:2.5rem;padding:1.25rem;font-size:.9rem;line-height:1.6}.article-container.svelte-yy9285{margin-top:4rem}.article-section.svelte-yy9285{margin-bottom:4rem}.article-section.svelte-yy9285 h2:where(.svelte-yy9285){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.article-section.svelte-yy9285 p:where(.svelte-yy9285){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.simple-steps.svelte-yy9285{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-yy9285{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem}.step-circle.svelte-yy9285{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-yy9285 h3:where(.svelte-yy9285){color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.simple-grid.svelte-yy9285{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-yy9285{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.simple-card.svelte-yy9285 h3:where(.svelte-yy9285){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.use-cases-grid.svelte-yy9285{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.use-case-card.svelte-yy9285{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem}.use-case-card.svelte-yy9285 h3:where(.svelte-yy9285){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.faq-list.svelte-yy9285{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-yy9285{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.faq-item.svelte-yy9285 h3:where(.svelte-yy9285){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.alternatives-grid.svelte-yy9285{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-yy9285{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.alt-card.svelte-yy9285 h3:where(.svelte-yy9285){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.final-cta.svelte-yy9285{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-yy9285 h2:where(.svelte-yy9285){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-yy9285 p:where(.svelte-yy9285){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-yy9285{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2563eb4d}.btn-cta-main.svelte-yy9285:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.calculator-grid.svelte-yy9285{grid-template-columns:1fr;gap:3rem}.simple-steps.svelte-yy9285,.alternatives-grid.svelte-yy9285{grid-template-columns:1fr}}@media (max-width:640px){.container.svelte-yy9285{padding:1rem}.header.svelte-yy9285 h1:where(.svelte-yy9285){font-size:2rem}.main-card.svelte-yy9285{padding:1.5rem}.article-section.svelte-yy9285 h2:where(.svelte-yy9285){font-size:1.75rem}}.container.svelte-3v8vh8{max-width:1100px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.header.svelte-3v8vh8{text-align:center;margin-bottom:3rem}.header.svelte-3v8vh8 h1:where(.svelte-3v8vh8){color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.header.svelte-3v8vh8 p:where(.svelte-3v8vh8){color:#64748b;font-size:1.1rem}.tool-main.svelte-3v8vh8{margin-bottom:4rem}.timer-card.svelte-3v8vh8{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:3rem;box-shadow:0 10px 25px -5px #0000000d}.timezone-picker.svelte-3v8vh8{max-width:400px;margin-bottom:3rem;margin-left:auto;margin-right:auto}.timezone-picker.svelte-3v8vh8 label:where(.svelte-3v8vh8){color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:block}.timezone-picker.svelte-3v8vh8 select:where(.svelte-3v8vh8){color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.timezone-picker.svelte-3v8vh8 select:where(.svelte-3v8vh8):focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.main-countdown.svelte-3v8vh8{margin-bottom:3rem}.big-number.svelte-3v8vh8{color:#2563eb;letter-spacing:-.02em;font-size:clamp(3.5rem,12vw,6rem);font-weight:900;line-height:1;display:block}.unit.svelte-3v8vh8{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-size:1.25rem;font-weight:600;display:block}.time-breakdown.svelte-3v8vh8{justify-content:center;gap:2rem;margin-bottom:3rem;display:flex}.time-unit.svelte-3v8vh8{flex-direction:column;min-width:100px;display:flex}.val.svelte-3v8vh8{color:#1e293b;font-size:2.5rem;font-weight:800}.lab.svelte-3v8vh8{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.progress-section.svelte-3v8vh8{max-width:600px;margin:0 auto}.progress-info.svelte-3v8vh8{color:#64748b;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;font-weight:700;display:flex}.progress-bar-bg.svelte-3v8vh8{background:#f1f5f9;border-radius:100px;height:12px;overflow:hidden}.progress-bar-fill.svelte-3v8vh8{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:100px;height:100%;transition:width 1s linear}.article-container.svelte-3v8vh8{margin-top:4rem}.article-section.svelte-3v8vh8{margin-bottom:4rem}.article-section.svelte-3v8vh8 h2:where(.svelte-3v8vh8){color:#1e293b;text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.article-section.svelte-3v8vh8 p:where(.svelte-3v8vh8){color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.simple-steps.svelte-3v8vh8{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.step.svelte-3v8vh8{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem}.step-circle.svelte-3v8vh8{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1.5rem;font-size:1.25rem;font-weight:800;display:flex}.step.svelte-3v8vh8 h3:where(.svelte-3v8vh8){color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.simple-grid.svelte-3v8vh8{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.simple-card.svelte-3v8vh8{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.simple-card.svelte-3v8vh8 h3:where(.svelte-3v8vh8){color:#1e293b;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.faq-list.svelte-3v8vh8{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-3v8vh8{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.faq-item.svelte-3v8vh8 h3:where(.svelte-3v8vh8){color:#1e293b;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.alternatives-grid.svelte-3v8vh8{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.alt-card.svelte-3v8vh8{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 2rem}.alt-card.svelte-3v8vh8 h3:where(.svelte-3v8vh8){color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.final-cta.svelte-3v8vh8{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;margin-top:2rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000000d}.final-cta.svelte-3v8vh8 h2:where(.svelte-3v8vh8){color:#1e293b;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.final-cta.svelte-3v8vh8 p:where(.svelte-3v8vh8){color:#64748b;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.btn-cta-main.svelte-3v8vh8{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2563eb4d}.btn-cta-main.svelte-3v8vh8:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 30px #2563eb66}@media (max-width:1024px){.simple-steps.svelte-3v8vh8,.alternatives-grid.svelte-3v8vh8{grid-template-columns:1fr}}@media (max-width:768px){.time-breakdown.svelte-3v8vh8{gap:1rem}.time-unit.svelte-3v8vh8{min-width:80px}.val.svelte-3v8vh8{font-size:1.75rem}.timer-card.svelte-3v8vh8{padding:2rem 1.5rem}}@media (max-width:640px){.container.svelte-3v8vh8{padding:1rem}.header.svelte-3v8vh8 h1:where(.svelte-3v8vh8){font-size:2rem}.article-section.svelte-3v8vh8 h2:where(.svelte-3v8vh8){font-size:1.75rem}.big-number.svelte-3v8vh8{font-size:4rem}}:root{--interactive-primary:#2563eb;--text-primary:#1e293b;--text-secondary:#64748b;--border-primary:#e2e8f0;--bg-secondary:#f8fafc;--surface-base:#fff}.container.svelte-98uzrx{max-width:1100px;margin:0 auto;padding:4rem 1.5rem;font-family:Inter,system-ui,sans-serif}.header.svelte-98uzrx{text-align:center;margin-bottom:3.5rem}.badge.svelte-98uzrx{color:#1e40af;text-transform:uppercase;background:#dbeafe;border-radius:100px;margin-bottom:1rem;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.header.svelte-98uzrx h1:where(.svelte-98uzrx){color:var(--text-primary);letter-spacing:-.02em;margin:0 0 1rem;font-size:2.75rem;font-weight:800}.tool-tabs.svelte-98uzrx{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.tab-btn.svelte-98uzrx{border:1px solid var(--border-primary);cursor:pointer;background:#fff;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.tab-btn.active.svelte-98uzrx{background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary);box-shadow:0 4px 12px #2563eb33}.main-card.svelte-98uzrx{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:20px;padding:2.5rem;box-shadow:0 10px 15px -3px #0000000d}.editor-grid.svelte-98uzrx{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.code-editor.svelte-98uzrx{border:1px solid var(--border-primary);resize:vertical;background:#fdfdfd;border-radius:12px;width:100%;min-height:400px;padding:1.25rem;font-family:Fira Code,Courier New,monospace;font-size:.85rem;transition:border-color .2s}.code-editor.svelte-98uzrx:focus{border-color:var(--interactive-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.code-editor.output.svelte-98uzrx{cursor:default;background:#f1f5f9}.editor-header.svelte-98uzrx{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.btn-action.svelte-98uzrx{cursor:pointer;border:1px solid var(--border-primary);background:#fff;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600}.btn-action.primary.svelte-98uzrx{background:var(--interactive-primary);color:#fff;border:none}.error-msg.svelte-98uzrx{color:#dc2626;margin-top:.75rem;font-size:.85rem;font-weight:500}.docs-section.svelte-98uzrx{border:1px solid var(--border-primary);background:#fff;border-radius:20px;padding:3rem}.docs-nav.svelte-98uzrx{border-bottom:1px solid var(--border-primary);gap:2rem;margin-bottom:2rem;display:flex}.doc-nav-btn.svelte-98uzrx{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:1rem 0;font-weight:600;position:relative}.doc-nav-btn.active.svelte-98uzrx{color:var(--interactive-primary)}.doc-nav-btn.active.svelte-98uzrx:after{content:"";background:var(--interactive-primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.features-grid.svelte-98uzrx{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.feature.svelte-98uzrx{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.article-container.svelte-98uzrx{text-align:center;margin-top:5rem}.btn-cta-article.svelte-98uzrx{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;margin-top:2rem;padding:1rem 2.5rem;font-weight:700}@media (max-width:850px){.editor-grid.svelte-98uzrx,.features-grid.svelte-98uzrx{grid-template-columns:1fr}}.app-layout.svelte-1n46o8q{grid-template-columns:280px 1fr;max-width:1920px;min-height:100vh;margin:0 auto;display:grid}.sidebar-container.svelte-1n46o8q{height:100vh;position:sticky;top:0;overflow:hidden}.main-content.svelte-1n46o8q{padding:1.5rem 2.5rem;overflow-y:auto}.tool-content.svelte-1n46o8q{min-height:60vh}.feature-image-wrapper.svelte-1n46o8q{max-width:1100px;box-shadow:var(--shadow-md);border-radius:12px;margin:0 auto 2rem;overflow:hidden}.feature-image.svelte-1n46o8q{object-fit:cover;width:100%;height:auto;max-height:300px;display:block}.tool-content h1{font-size:30px!important}.placeholder.svelte-1n46o8q{text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--border-primary);border-radius:1rem;padding:4rem}.app-footer.svelte-1n46o8q{border-top:1px solid var(--border-primary);text-align:center;color:var(--text-secondary);margin-top:4rem;padding-top:2rem;font-size:.9rem}.footer-links.svelte-1n46o8q{margin-bottom:1.5rem}.footer-links.svelte-1n46o8q h3:where(.svelte-1n46o8q){color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.footer-links.svelte-1n46o8q nav:where(.svelte-1n46o8q){flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.footer-links.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;text-decoration:none;transition:color .2s}.footer-links.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:var(--interactive-primary);text-decoration:underline}.copyright.svelte-1n46o8q{opacity:.8}@media (max-width:1024px){.app-layout.svelte-1n46o8q{grid-template-columns:240px 1fr}.main-content.svelte-1n46o8q{padding:2rem}}.mobile-header.svelte-1n46o8q{background:var(--surface-base);border-bottom:1px solid var(--border-primary);z-index:20;justify-content:space-between;align-items:center;padding:1rem;display:none;position:sticky;top:0}.header-left.svelte-1n46o8q{align-items:center;display:flex}.hamburger-btn.svelte-1n46o8q{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.mobile-logo.svelte-1n46o8q{background:linear-gradient(to right,var(--text-primary),var(--interactive-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:1rem;font-size:1.2rem;font-weight:800}.sidebar-overlay.svelte-1n46o8q{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}@media (max-width:768px){.app-layout.svelte-1n46o8q{display:block}.mobile-header.svelte-1n46o8q{display:flex}.sidebar-container.svelte-1n46o8q{z-index:30;background:var(--sidebar-bg,#fff);border-right:1px solid var(--border-primary);width:280px;height:100vh;max-height:100vh;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.sidebar-container.open.svelte-1n46o8q{transform:translate(0)}.sidebar-overlay.open.svelte-1n46o8q{display:block}.main-content.svelte-1n46o8q{padding:1.5rem}}@media (max-width:480px){.main-content.svelte-1n46o8q{padding:1rem}.placeholder.svelte-1n46o8q{padding:2rem 1rem}.app-footer.svelte-1n46o8q{margin-top:2rem}}