: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;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--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:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--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(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-inverse:var(--white);--text-disabled:var(--gray-400);--interactive-primary:var(--blue-600);--interactive-primary-hover:var(--blue-700);--interactive-primary-active:var(--blue-800);--interactive-secondary:var(--gray-200);--interactive-secondary-hover:var(--gray-300);--focus-ring:0 0 0 3px #3b82f680;--glass-bg:#fffffff2;--glass-border:#e2e8f0cc;--glass-shadow:var(--shadow);--sidebar-bg:var(--white);--sidebar-border:var(--gray-200);--sidebar-text:var(--gray-900);--sidebar-text-secondary:var(--gray-600);--sidebar-hover:var(--blue-50);--sidebar-active:var(--blue-100);--sidebar-active-text:var(--blue-700);--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}.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:12px;height:12px}::-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:3px solid var(--bg-secondary)}::-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-menu.svelte-sap07h{flex-shrink:0;justify-self:end;gap:1rem;display:flex}.header-menu.svelte-sap07h a:where(.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 .75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.header-menu.svelte-sap07h a:where(.svelte-sap07h):hover{color:var(--text-primary)}.header-menu.svelte-sap07h a.active:where(.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-menu.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-menu.svelte-sap07h{gap:.5rem}.header-menu.svelte-sap07h a:where(.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,.header-menu.svelte-sap07h a:where(.svelte-sap07h) span:where(.svelte-sap07h):not(.icon){display:none}.header-menu.svelte-sap07h{gap:1rem}}.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:linear-gradient(135deg,#3182ce0d 0%,#63b3ed0d 100%);border:1px solid #3182ce33;border-radius:12px;max-width:1200px;margin:3rem auto;padding:2rem}.related-tools-section.svelte-1wxwrzt h3:where(.svelte-1wxwrzt){color:#2d3748;text-align:center;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.section-description.svelte-1wxwrzt{text-align:center;color:#4a5568;margin-bottom:2rem;font-size:1rem}.related-tools-grid.svelte-1wxwrzt{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.related-tool-card.svelte-1wxwrzt{cursor:pointer;text-align:left;width:100%;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;transition:all .3s;display:flex}.related-tool-card.svelte-1wxwrzt:hover{border-color:#3182ce;transform:translateY(-3px);box-shadow:0 4px 12px #3182ce33}.tool-icon.svelte-1wxwrzt{flex-shrink:0;font-size:2rem}.tool-info.svelte-1wxwrzt{flex:1}.tool-info.svelte-1wxwrzt strong:where(.svelte-1wxwrzt){color:#3182ce;margin-bottom:.25rem;font-size:1.05rem;display:block}.tool-info.svelte-1wxwrzt p:where(.svelte-1wxwrzt){color:#4a5568;margin:0;font-size:.9rem;line-height:1.4}.arrow-icon.svelte-1wxwrzt{color:#cbd5e0;flex-shrink:0;transition:all .3s}.related-tool-card.svelte-1wxwrzt:hover .arrow-icon:where(.svelte-1wxwrzt){color:#3182ce;transform:translate(3px)}.explore-more.svelte-1wxwrzt{text-align:center;border-top:1px solid #3182ce33;margin-top:1.5rem;padding-top:1.5rem}.blog-link.svelte-1wxwrzt{color:#3182ce;border-radius:6px;padding:.5rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.blog-link.svelte-1wxwrzt:hover{background:#3182ce1a;transform:translate(3px)}@media (max-width:768px){.related-tools-section.svelte-1wxwrzt{margin:2rem 1rem;padding:1.5rem}.related-tools-grid.svelte-1wxwrzt{grid-template-columns:1fr}.related-tool-card.svelte-1wxwrzt{padding:1rem}.tool-icon.svelte-1wxwrzt{font-size:1.5rem}}.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}:root{--interactive-primary:#3b82f6;--text-primary:#1a202c;--text-secondary:#4a5568;--border-primary:#e2e8f0;--surface-base:#fff;--bg-secondary:#f7fafc;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-700:#1d4ed8;--success:#10b981;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--font-family:"Inter",system-ui,sans-serif}.container.svelte-18sdq1z{max-width:1200px;font-family:var(--font-family);margin:2rem auto;padding:0 1rem}.tool-main.svelte-18sdq1z{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-18sdq1z{grid-template-columns:1.4fr .6fr}}.section-header.svelte-18sdq1z{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header.svelte-18sdq1z .label-text:where(.svelte-18sdq1z),.section-header.svelte-18sdq1z h2:where(.svelte-18sdq1z){align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.update-time.svelte-18sdq1z{color:var(--blue-600);background:var(--blue-50);border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:600}.btn-action.svelte-18sdq1z{background:var(--surface-base);border:1px solid var(--border-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.btn-action.svelte-18sdq1z:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--interactive-primary)}.textarea-input.svelte-18sdq1z{border:1px solid var(--border-primary);box-sizing:border-box;border-radius:12px;width:100%;padding:1.5rem;font-size:1rem;line-height:1.6}.stats-grid.svelte-18sdq1z{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat-card.svelte-18sdq1z{background:var(--surface-base);border:1px solid var(--border-primary);text-align:center;border-radius:12px;padding:1.5rem;transition:all .3s}.stat-card.primary.svelte-18sdq1z{background:var(--blue-50);border-color:var(--interactive-primary)}.stat-value.svelte-18sdq1z{color:var(--interactive-primary);font-size:1.75rem;font-weight:800}.stat-label.svelte-18sdq1z{color:var(--text-secondary);margin-top:.5rem;font-size:.8rem}.notification.svelte-18sdq1z{background:var(--success);color:#fff;box-shadow:var(--shadow-lg);border-radius:8px;padding:1rem 1.5rem;animation:.3s svelte-18sdq1z-slideIn;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-18sdq1z-slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sr-only.svelte-18sdq1z{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-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}.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;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.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:12px;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:12px;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{justify-content:space-between;align-items:center;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:8px;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: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-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:6px;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:8px;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:8px;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);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1rrr4fi{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1rrr4fi h4:where(.svelte-1rrr4fi){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.best-practices.svelte-1rrr4fi{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.practice.svelte-1rrr4fi{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.practice.svelte-1rrr4fi h3:where(.svelte-1rrr4fi){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1rrr4fi{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-1rrr4fi h2:where(.svelte-1rrr4fi){color:#fff;border-bottom:none}.cta-section.svelte-1rrr4fi p:where(.svelte-1rrr4fi){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1rrr4fi{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1rrr4fi{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-1rrr4fi:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1rrr4fi{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1rrr4fi,.article-container.svelte-1rrr4fi{padding:1rem}.tool-main.svelte-1rrr4fi,.features-grid.svelte-1rrr4fi,.best-practices.svelte-1rrr4fi{grid-template-columns:1fr}.step.svelte-1rrr4fi{text-align:center;flex-direction:column}}.sr-only.svelte-1rrr4fi{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-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}.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}}.tool-container.svelte-17tuki0{max-width:1200px;margin:0 auto;padding:1rem}.main-grid.svelte-17tuki0{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (max-width:900px){.main-grid.svelte-17tuki0{grid-template-columns:1fr}}.input-section.svelte-17tuki0 h2:where(.svelte-17tuki0),.results-section.svelte-17tuki0 h2:where(.svelte-17tuki0){color:#333;margin-bottom:1rem;font-size:1.25rem}textarea.svelte-17tuki0{resize:vertical;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:1rem;font-family:inherit;font-size:1rem}textarea.svelte-17tuki0:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1a}.settings.svelte-17tuki0{background:#f8f9fa;border-radius:6px;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.setting-group.svelte-17tuki0{flex-direction:column;gap:.5rem;display:flex}.setting-group.svelte-17tuki0 label:where(.svelte-17tuki0){color:#666;font-size:.9rem}input[type=range].svelte-17tuki0{width:100%}.checkbox-group.svelte-17tuki0 label:where(.svelte-17tuki0){color:#666;cursor:pointer;align-items:center;gap:.5rem;display:flex}.results-section.svelte-17tuki0{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.hashtags-display.svelte-17tuki0{flex-direction:column;gap:1.5rem;display:flex}.hashtag-grid.svelte-17tuki0{flex-wrap:wrap;gap:.5rem;display:flex}.hashtag.svelte-17tuki0{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.copy-btn.svelte-17tuki0{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:500;transition:background .2s}.copy-btn.svelte-17tuki0:hover{background:#0b5ed7}.hashtag-text.svelte-17tuki0 h3:where(.svelte-17tuki0){color:#333;margin-bottom:.5rem;font-size:1rem}.text-box.svelte-17tuki0{word-wrap:break-word;color:#667eea;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem;font-weight:500;line-height:1.8}.empty-state.svelte-17tuki0{text-align:center;color:#999;padding:3rem 1rem}.documentation-section.svelte-17tuki0{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-17tuki0{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-17tuki0 button:where(.svelte-17tuki0){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-17tuki0 button.active:where(.svelte-17tuki0){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-17tuki0{padding:1.5rem}.doc-panel.svelte-17tuki0 h2:where(.svelte-17tuki0){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-17tuki0 p:where(.svelte-17tuki0){color:#666;margin-bottom:1.5rem;line-height:1.6}.doc-panel.svelte-17tuki0 ul:where(.svelte-17tuki0){color:#666;padding-left:1.5rem;line-height:1.8}.doc-panel.svelte-17tuki0 li:where(.svelte-17tuki0){margin-bottom:.75rem}.simple-grid.svelte-17tuki0{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-17tuki0{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-17tuki0 h3:where(.svelte-17tuki0){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-17tuki0{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-17tuki0{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-17tuki0{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.faq-list.svelte-17tuki0{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-17tuki0{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-17tuki0 h3:where(.svelte-17tuki0){color:#333;margin:0 0 .5rem}.faq-item.svelte-17tuki0 p:where(.svelte-17tuki0){margin:0;font-size:.95rem}.sr-only.svelte-17tuki0{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-1453yg6{max-width:1400px;margin:0 auto;padding:2rem}h2.svelte-1453yg6{color:#333;margin-bottom:1rem;font-size:1.3rem}h3.svelte-1453yg6{color:#666;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:#fff;border:1px solid #ddd;border-radius:8px;height:fit-content;padding:1.5rem}.form-group.svelte-1453yg6{margin-bottom:1rem}.form-group.svelte-1453yg6 label:where(.svelte-1453yg6){color:#666;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}input.svelte-1453yg6,select.svelte-1453yg6{border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-size:.95rem}.checkbox-group.svelte-1453yg6{margin-bottom:.75rem}.checkbox-group.svelte-1453yg6 label:where(.svelte-1453yg6){color:#666;cursor:pointer;background:#f8f9fa;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.output-section.svelte-1453yg6{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.policy-preview.svelte-1453yg6{background:#f8f9fa;border-radius:6px;max-height:600px;margin-bottom:1rem;padding:1.5rem;overflow-y:auto}pre.svelte-1453yg6{white-space:pre-wrap;word-wrap:break-word;color:#333;margin:0;font-family:inherit;font-size:.9rem;line-height:1.6}.copy-btn.svelte-1453yg6{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem 1.5rem;font-weight:500}.copy-btn.svelte-1453yg6:hover{background:#0b5ed7}.disclaimer.svelte-1453yg6{color:#664d03;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;padding:1rem;font-size:.85rem}@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-1rbsinw{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-1rbsinw{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.controls-bar.svelte-1rbsinw{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.action-group.svelte-1rbsinw{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-action.svelte-1rbsinw{border:1px solid var(--border-secondary);background:var(--surface-base);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-action.svelte-1rbsinw:hover{border-color:var(--interactive-primary);color:var(--interactive-primary);background:var(--bg-secondary)}.select-wrapper.svelte-1rbsinw{position:relative}.indent-select.svelte-1rbsinw{border:1px solid var(--border-secondary);background:var(--surface-base);color:var(--text-primary);cursor:pointer;appearance:none;border-radius:6px;padding:.5rem 2rem .5rem 1rem;font-weight:500}.indent-select.svelte-1rbsinw:focus{border-color:var(--interactive-primary);outline:none}.io-grid.svelte-1rbsinw{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.io-grid.svelte-1rbsinw{grid-template-columns:1fr 1fr}}.io-section.svelte-1rbsinw{flex-direction:column;gap:.75rem;display:flex}.section-header.svelte-1rbsinw{justify-content:space-between;align-items:center;display:flex}.section-header.svelte-1rbsinw label:where(.svelte-1rbsinw){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.actions.svelte-1rbsinw{gap:.5rem;display:flex}.btn-sm.svelte-1rbsinw{border:1px solid var(--border-secondary);background:var(--surface-base);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;transition:all .2s}.btn-sm.svelte-1rbsinw:hover:not(:disabled){border-color:var(--interactive-primary);color:var(--interactive-primary)}.btn-sm.primary.svelte-1rbsinw{background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}.btn-sm.primary.svelte-1rbsinw:hover:not(:disabled){background:var(--interactive-primary-hover)}.btn-sm.svelte-1rbsinw:disabled{opacity:.5;cursor:not-allowed}.text-area.svelte-1rbsinw{border:1px solid var(--border-primary);background:var(--surface-base);width:100%;min-height:400px;color:var(--text-primary);resize:vertical;border-radius:8px;padding:1rem;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.5;transition:border-color .2s}.text-area.svelte-1rbsinw:focus{border-color:var(--interactive-primary);outline:none}.text-area.readonly.svelte-1rbsinw{background:var(--bg-secondary)}.text-area.error.svelte-1rbsinw{border-color:var(--error);background:#fff5f5}.output-wrapper.svelte-1rbsinw{position:relative}.error-badge.svelte-1rbsinw{background:var(--error);color:#fff;box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:1rem;right:1rem}.article-container.svelte-1rbsinw{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1rbsinw{margin-bottom:3rem}.article-section.svelte-1rbsinw h2:where(.svelte-1rbsinw){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-1rbsinw p:where(.svelte-1rbsinw){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1rbsinw{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1rbsinw{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-1rbsinw{margin-bottom:1rem;font-size:2rem}.feature.svelte-1rbsinw h3:where(.svelte-1rbsinw){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-1rbsinw{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1rbsinw{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-1rbsinw{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-1rbsinw h3:where(.svelte-1rbsinw){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1rbsinw{margin-top:1.5rem}.faq-category.svelte-1rbsinw{margin-bottom:2rem}.faq-category.svelte-1rbsinw h3:where(.svelte-1rbsinw){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1rbsinw{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1rbsinw h4:where(.svelte-1rbsinw){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1rbsinw{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-1rbsinw h2:where(.svelte-1rbsinw){color:#fff;border-bottom:none}.cta-section.svelte-1rbsinw p:where(.svelte-1rbsinw){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1rbsinw{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1rbsinw{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-1rbsinw:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1rbsinw{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1rbsinw,.article-container.svelte-1rbsinw{padding:1rem}.io-grid.svelte-1rbsinw{grid-template-columns:1fr}.controls-bar.svelte-1rbsinw{flex-direction:column;align-items:stretch}.action-group.svelte-1rbsinw{justify-content:center}.features-grid.svelte-1rbsinw{grid-template-columns:1fr}.step.svelte-1rbsinw{text-align:center;flex-direction:column}}.container.svelte-1kln30v{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-1kln30v{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.controls-bar.svelte-1kln30v{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.mode-toggle.svelte-1kln30v{background:var(--surface-base);border:1px solid var(--border-secondary);border-radius:8px;padding:.25rem;display:flex}.toggle-btn.svelte-1kln30v{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1.5rem;font-weight:600;transition:all .2s}.toggle-btn.active.svelte-1kln30v{background:var(--interactive-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-text.svelte-1kln30v{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-text.svelte-1kln30v:hover{background:var(--surface-base);color:var(--interactive-primary)}.io-grid.svelte-1kln30v{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.io-grid.svelte-1kln30v{grid-template-columns:1fr 1fr}}.io-section.svelte-1kln30v{flex-direction:column;gap:.75rem;display:flex}.section-header.svelte-1kln30v{justify-content:space-between;align-items:center;display:flex}.section-header.svelte-1kln30v label:where(.svelte-1kln30v){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.actions.svelte-1kln30v{gap:.5rem;display:flex}.btn-sm.svelte-1kln30v{border:1px solid var(--border-secondary);background:var(--surface-base);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;transition:all .2s}.btn-sm.svelte-1kln30v:hover:not(:disabled){border-color:var(--interactive-primary);color:var(--interactive-primary)}.btn-sm.primary.svelte-1kln30v{background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}.btn-sm.primary.svelte-1kln30v:hover:not(:disabled){background:var(--interactive-primary-hover)}.btn-sm.svelte-1kln30v:disabled{opacity:.5;cursor:not-allowed}.text-area.svelte-1kln30v{border:1px solid var(--border-primary);background:var(--surface-base);width:100%;min-height:300px;color:var(--text-primary);resize:vertical;border-radius:8px;padding:1rem;font-family:monospace;font-size:.95rem;line-height:1.5;transition:border-color .2s}.text-area.svelte-1kln30v:focus{border-color:var(--interactive-primary);outline:none}.text-area.readonly.svelte-1kln30v{background:var(--bg-secondary)}.text-area.error.svelte-1kln30v{border-color:var(--error);background:#fff5f5}.output-wrapper.svelte-1kln30v{position:relative}.error-badge.svelte-1kln30v{background:var(--error);color:#fff;box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:1rem;right:1rem}.article-container.svelte-1kln30v{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1kln30v{margin-bottom:3rem}.article-section.svelte-1kln30v h2:where(.svelte-1kln30v){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-1kln30v p:where(.svelte-1kln30v){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1kln30v{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1kln30v{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-1kln30v{margin-bottom:1rem;font-size:2rem}.feature.svelte-1kln30v h3:where(.svelte-1kln30v){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-1kln30v{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1kln30v{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-1kln30v{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-1kln30v h3:where(.svelte-1kln30v){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1kln30v{margin-top:1.5rem}.faq-category.svelte-1kln30v{margin-bottom:2rem}.faq-category.svelte-1kln30v h3:where(.svelte-1kln30v){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1kln30v{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1kln30v h4:where(.svelte-1kln30v){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1kln30v{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-1kln30v h2:where(.svelte-1kln30v){color:#fff;border-bottom:none}.cta-section.svelte-1kln30v p:where(.svelte-1kln30v){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1kln30v{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1kln30v{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-1kln30v:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1kln30v{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1kln30v,.article-container.svelte-1kln30v{padding:1rem}.io-grid.svelte-1kln30v{grid-template-columns:1fr}.controls-bar.svelte-1kln30v{flex-direction:column;align-items:stretch}.features-grid.svelte-1kln30v{grid-template-columns:1fr}.step.svelte-1kln30v{text-align:center;flex-direction:column}}.container.svelte-e646nh{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-e646nh{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-e646nh{grid-template-columns:1fr 1fr}}.color-section.svelte-e646nh{flex-direction:column;gap:1.5rem;display:flex}.preview-box.svelte-e646nh{border:1px solid var(--border-primary);border-radius:16px;justify-content:center;align-items:center;height:150px;transition:background-color .2s;display:flex}.preview-hex.svelte-e646nh{color:#fff;font-family:var(--font-mono);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border-radius:8px;padding:.5rem 1rem;font-weight:700}.inputs-grid.svelte-e646nh{flex-direction:column;gap:1rem;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:var(--text-secondary);font-size:.9rem;font-weight:700}.btn-copy-sm.svelte-e646nh{color:var(--interactive-primary);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:var(--bg-secondary)}.color-input.svelte-e646nh{border:1px solid var(--border-primary);width:100%;font-size:1rem;font-family:var(--font-mono);color:var(--text-primary);background:var(--surface-base);border-radius:8px;padding:.85rem;transition:border-color .2s}.color-input.svelte-e646nh:focus{border-color:var(--interactive-primary);outline:none}.hex-wrapper.svelte-e646nh{gap:.5rem;display:flex}.color-picker-input.svelte-e646nh{border:1px solid var(--border-primary);cursor:pointer;background:0 0;border-radius:8px;width:46px;height:46px;padding:0}.error-message.svelte-e646nh{color:var(--error);background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:.75rem;font-size:.9rem}.image-picker-section.svelte-e646nh{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.section-header.svelte-e646nh{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-e646nh h3:where(.svelte-e646nh){color:var(--text-primary);margin:0;font-size:1.1rem}.btn-eyedropper.svelte-e646nh{background:var(--surface-base);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-eyedropper.svelte-e646nh:hover:not(:disabled){color:var(--interactive-primary);border-color:var(--interactive-primary)}.btn-eyedropper.svelte-e646nh:disabled{opacity:.5;cursor:not-allowed}.upload-area.svelte-e646nh{border:2px dashed var(--border-secondary);text-align:center;background:var(--surface-base);border-radius:12px;padding:2rem;transition:border-color .2s}.upload-area.svelte-e646nh:hover{border-color:var(--interactive-primary)}.upload-label.svelte-e646nh{cursor:pointer;color:var(--text-primary);flex-direction:column;align-items:center;gap:.75rem;font-weight:600;display:flex}.upload-label.svelte-e646nh .icon:where(.svelte-e646nh){color:var(--interactive-primary)}.sub-text.svelte-e646nh{color:var(--text-secondary);font-size:.9rem;font-weight:400}.visually-hidden.svelte-e646nh{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.canvas-wrapper.svelte-e646nh{border:1px solid var(--border-primary);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;max-height:400px;display:flex;position:relative;overflow:hidden}canvas.svelte-e646nh{cursor:crosshair;max-width:100%;max-height:400px;display:block}.hover-hint.svelte-e646nh{color:#fff;pointer-events:none;background:#0009;border-radius:50px;padding:.25rem .75rem;font-size:.8rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.btn-remove.svelte-e646nh{border:1px solid var(--border-secondary);color:var(--error);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-remove.svelte-e646nh:hover{border-color:var(--error);background:#fff5f5}.article-container.svelte-e646nh{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-e646nh{margin-bottom:3rem}.article-section.svelte-e646nh h2:where(.svelte-e646nh){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-e646nh p:where(.svelte-e646nh){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-e646nh{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-e646nh{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-e646nh{margin-bottom:1rem;font-size:2rem}.feature.svelte-e646nh h3:where(.svelte-e646nh){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-e646nh{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-e646nh{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-e646nh{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-e646nh h3:where(.svelte-e646nh){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-e646nh{margin-top:1.5rem}.faq-category.svelte-e646nh{margin-bottom:2rem}.faq-category.svelte-e646nh h3:where(.svelte-e646nh){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-e646nh{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-e646nh h4:where(.svelte-e646nh){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-e646nh{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-e646nh h2:where(.svelte-e646nh){color:#fff;border-bottom:none}.cta-section.svelte-e646nh p:where(.svelte-e646nh){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-e646nh{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-e646nh{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-e646nh:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-e646nh{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-e646nh,.article-container.svelte-e646nh{padding:1rem}.tool-main.svelte-e646nh,.features-grid.svelte-e646nh{grid-template-columns:1fr}.step.svelte-e646nh{text-align:center;flex-direction:column}}.container.svelte-10qymqj{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-10qymqj{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.controls-bar.svelte-10qymqj{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.mode-toggle.svelte-10qymqj{background:var(--surface-base);border:1px solid var(--border-secondary);border-radius:8px;padding:.25rem;display:flex}.toggle-btn.svelte-10qymqj{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1.5rem;font-weight:600;transition:all .2s}.toggle-btn.active.svelte-10qymqj{background:var(--interactive-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-text.svelte-10qymqj{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-text.svelte-10qymqj:hover{background:var(--surface-base);color:var(--interactive-primary)}.io-grid.svelte-10qymqj{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.io-grid.svelte-10qymqj{grid-template-columns:1fr 1fr}}.io-section.svelte-10qymqj{flex-direction:column;gap:.75rem;display:flex}.section-header.svelte-10qymqj{justify-content:space-between;align-items:center;display:flex}.section-header.svelte-10qymqj label:where(.svelte-10qymqj){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.actions.svelte-10qymqj{gap:.5rem;display:flex}.btn-sm.svelte-10qymqj{border:1px solid var(--border-secondary);background:var(--surface-base);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;transition:all .2s}.btn-sm.svelte-10qymqj:hover:not(:disabled){border-color:var(--interactive-primary);color:var(--interactive-primary)}.btn-sm.primary.svelte-10qymqj{background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}.btn-sm.primary.svelte-10qymqj:hover:not(:disabled){background:var(--interactive-primary-hover)}.btn-sm.svelte-10qymqj:disabled{opacity:.5;cursor:not-allowed}.text-area.svelte-10qymqj{border:1px solid var(--border-primary);background:var(--surface-base);width:100%;min-height:300px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:8px;padding:1rem;font-size:.95rem;line-height:1.5;transition:border-color .2s}.text-area.svelte-10qymqj:focus{border-color:var(--interactive-primary);outline:none}.text-area.readonly.svelte-10qymqj{background:var(--bg-secondary)}.text-area.error.svelte-10qymqj{border-color:var(--error);background:#fff5f5}.output-wrapper.svelte-10qymqj{position:relative}.error-badge.svelte-10qymqj{background:var(--error);color:#fff;box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:1rem;right:1rem}.article-container.svelte-10qymqj{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-10qymqj{margin-bottom:3rem}.article-section.svelte-10qymqj h2:where(.svelte-10qymqj){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-10qymqj p:where(.svelte-10qymqj){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-10qymqj{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-10qymqj{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-10qymqj{margin-bottom:1rem;font-size:2rem}.feature.svelte-10qymqj h3:where(.svelte-10qymqj){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-10qymqj{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-10qymqj{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-10qymqj{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-10qymqj h3:where(.svelte-10qymqj){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-10qymqj{margin-top:1.5rem}.faq-category.svelte-10qymqj{margin-bottom:2rem}.faq-category.svelte-10qymqj h3:where(.svelte-10qymqj){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-10qymqj{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-10qymqj h4:where(.svelte-10qymqj){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-10qymqj{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-10qymqj h2:where(.svelte-10qymqj){color:#fff;border-bottom:none}.cta-section.svelte-10qymqj p:where(.svelte-10qymqj){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-10qymqj{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-10qymqj{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-10qymqj:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-10qymqj{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-10qymqj,.article-container.svelte-10qymqj{padding:1rem}.features-grid.svelte-10qymqj{grid-template-columns:1fr}.step.svelte-10qymqj{text-align:center;flex-direction:column}}.container.svelte-1ei11s2{max-width:1200px;font-family:var(--font-family);margin:0 auto;padding:2rem}.tool-main.svelte-1ei11s2{margin-bottom:4rem}.card.svelte-1ei11s2{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-1ei11s2{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.header-info.svelte-1ei11s2 h2:where(.svelte-1ei11s2){color:var(--text-primary);margin:0;font-size:1.75rem}.header-info.svelte-1ei11s2 p:where(.svelte-1ei11s2){color:var(--text-secondary);margin:.25rem 0 0}.header-actions.svelte-1ei11s2{gap:1rem;display:flex}.btn-text.svelte-1ei11s2{color:var(--interactive-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-weight:600}.btn-text.svelte-1ei11s2:hover{text-decoration:underline}.editor-container.svelte-1ei11s2{flex-direction:column;gap:2rem;display:flex}.editor-box.svelte-1ei11s2{flex-direction:column;gap:.75rem;display:flex}.editor-box.svelte-1ei11s2 label:where(.svelte-1ei11s2){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}textarea.svelte-1ei11s2{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;min-height:250px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;padding:1.25rem;font-size:.95rem;line-height:1.6;transition:all .2s}textarea.svelte-1ei11s2:focus{border-color:var(--interactive-primary);background:var(--surface-base);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.controls.svelte-1ei11s2{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-1ei11s2{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-1ei11s2:hover:not(:disabled){background:var(--interactive-primary-hover);transform:translateY(-1px)}.btn-primary.svelte-1ei11s2:disabled{opacity:.5;cursor:not-allowed}.stats-panel.svelte-1ei11s2{background:var(--surface-base);border-radius:var(--radius-md);border:1px solid var(--border-primary);align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.stat-item.svelte-1ei11s2{flex-direction:column;align-items:center;display:flex}.stat-label.svelte-1ei11s2{color:var(--text-tertiary);text-transform:uppercase;font-size:.75rem}.stat-value.svelte-1ei11s2{color:var(--text-primary);font-weight:700}.stat-divider.svelte-1ei11s2{color:var(--text-tertiary)}.savings-badge.svelte-1ei11s2{color:#22543d;background:#c6f6d5;border-radius:20px;padding:.4rem .8rem;font-size:.9rem;font-weight:700}.output-wrapper.svelte-1ei11s2{position:relative}.btn-copy.svelte-1ei11s2{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-1ei11s2:hover{background:var(--interactive-primary-hover)}.article-container.svelte-1ei11s2{border-top:1px solid var(--border-primary);margin-top:4rem;padding-top:4rem}.article-section.svelte-1ei11s2{margin-bottom:4rem}.article-section.svelte-1ei11s2 h2:where(.svelte-1ei11s2){color:var(--text-primary);margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1ei11s2 p:where(.svelte-1ei11s2){color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.features-grid.svelte-1ei11s2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card.svelte-1ei11s2{background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;padding:2rem}.feature-icon.svelte-1ei11s2{margin-bottom:1rem;font-size:2.5rem}.steps-container.svelte-1ei11s2{flex-direction:column;gap:1.5rem;display:flex}.step.svelte-1ei11s2{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-primary);gap:2rem;padding:2rem;display:flex}.step-number.svelte-1ei11s2{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-1ei11s2{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1ei11s2{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}.faq-item.svelte-1ei11s2 h3:where(.svelte-1ei11s2){margin-top:0;margin-bottom:1rem}@media (max-width:768px){.container.svelte-1ei11s2{padding:1rem}.controls.svelte-1ei11s2{flex-direction:column;align-items:stretch}.stats-panel.svelte-1ei11s2{justify-content:center}}.container.svelte-hix9su{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-hix9su{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.controls-bar.svelte-hix9su{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.mode-toggle.svelte-hix9su{background:var(--surface-base);border:1px solid var(--border-secondary);border-radius:8px;padding:.25rem;display:flex}.toggle-btn.svelte-hix9su{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1.5rem;font-weight:600;transition:all .2s}.toggle-btn.active.svelte-hix9su{background:var(--interactive-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-text.svelte-hix9su{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-text.svelte-hix9su:hover{background:var(--surface-base);color:var(--interactive-primary)}.io-grid.svelte-hix9su{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.io-grid.svelte-hix9su{grid-template-columns:1fr 1fr}}.io-section.svelte-hix9su{flex-direction:column;gap:.75rem;display:flex}.section-header.svelte-hix9su{justify-content:space-between;align-items:center;display:flex}.section-header.svelte-hix9su label:where(.svelte-hix9su){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.actions.svelte-hix9su{gap:.5rem;display:flex}.btn-sm.svelte-hix9su{border:1px solid var(--border-secondary);background:var(--surface-base);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:.25rem .75rem;font-size:.85rem;transition:all .2s}.btn-sm.svelte-hix9su:hover:not(:disabled){border-color:var(--interactive-primary);color:var(--interactive-primary)}.btn-sm.primary.svelte-hix9su{background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}.btn-sm.primary.svelte-hix9su:hover:not(:disabled){background:var(--interactive-primary-hover)}.btn-sm.svelte-hix9su:disabled{opacity:.5;cursor:not-allowed}.text-area.svelte-hix9su{border:1px solid var(--border-primary);background:var(--surface-base);width:100%;min-height:300px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:8px;padding:1rem;font-size:.95rem;line-height:1.5;transition:border-color .2s}.text-area.svelte-hix9su:focus{border-color:var(--interactive-primary);outline:none}.text-area.readonly.svelte-hix9su{background:var(--bg-secondary)}.article-container.svelte-hix9su{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-hix9su{margin-bottom:3rem}.article-section.svelte-hix9su h2:where(.svelte-hix9su){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-hix9su p:where(.svelte-hix9su){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-hix9su{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-hix9su{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-hix9su{margin-bottom:1rem;font-size:2rem}.feature.svelte-hix9su h3:where(.svelte-hix9su){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-hix9su{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-hix9su{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-hix9su{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-hix9su h3:where(.svelte-hix9su){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-hix9su{margin-top:1.5rem}.faq-category.svelte-hix9su{margin-bottom:2rem}.faq-category.svelte-hix9su h3:where(.svelte-hix9su){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-hix9su{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-hix9su h4:where(.svelte-hix9su){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-hix9su{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-hix9su h2:where(.svelte-hix9su){color:#fff;border-bottom:none}.cta-section.svelte-hix9su p:where(.svelte-hix9su){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-hix9su{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-hix9su{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-hix9su:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-hix9su{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-hix9su,.article-container.svelte-hix9su{padding:1rem}.features-grid.svelte-hix9su{grid-template-columns:1fr}.step.svelte-hix9su{text-align:center;flex-direction:column}}.container.svelte-1pe6sg{max-width:800px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-1pe6sg{background:var(--surface-base);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex}.input-section.svelte-1pe6sg{flex-direction:column;gap:.5rem;display:flex}.section-header.svelte-1pe6sg{justify-content:space-between;align-items:center;display:flex}.section-header.svelte-1pe6sg label:where(.svelte-1pe6sg){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.btn-copy-sm.svelte-1pe6sg{color:var(--interactive-primary);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:var(--bg-secondary)}.input-group.svelte-1pe6sg{gap:.5rem;display:flex}.theme-input.svelte-1pe6sg{border:1px solid var(--border-primary);width:100%;color:var(--text-primary);background:var(--bg-secondary);border-radius:8px;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s}.theme-input.svelte-1pe6sg:focus{border-color:var(--interactive-primary);outline:none}.btn-now.svelte-1pe6sg{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 1.5rem;font-weight:600;transition:background .2s}.btn-now.svelte-1pe6sg:hover{background:var(--interactive-primary-hover)}.result-section.svelte-1pe6sg{border-top:1px solid var(--border-primary);flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1.5rem;display:flex}.result-box.svelte-1pe6sg{color:var(--interactive-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);text-align:center;-webkit-user-select:text;user-select:text;border-radius:8px;padding:1.25rem;font-size:1.25rem;font-weight:700}.article-container.svelte-1pe6sg{max-width:800px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1pe6sg{margin-bottom:3rem}.article-section.svelte-1pe6sg h2:where(.svelte-1pe6sg){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-1pe6sg p:where(.svelte-1pe6sg){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1pe6sg{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1pe6sg{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.feature-icon.svelte-1pe6sg{margin-bottom:1rem;font-size:2rem}.feature.svelte-1pe6sg h3:where(.svelte-1pe6sg){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.steps-container.svelte-1pe6sg{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1pe6sg{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-1pe6sg{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-1pe6sg h3:where(.svelte-1pe6sg){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1pe6sg{margin-top:1.5rem}.faq-category.svelte-1pe6sg{margin-bottom:2rem}.faq-category.svelte-1pe6sg h3:where(.svelte-1pe6sg){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1pe6sg{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1pe6sg h4:where(.svelte-1pe6sg){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1pe6sg{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-1pe6sg h2:where(.svelte-1pe6sg){color:#fff;border-bottom:none}.cta-section.svelte-1pe6sg p:where(.svelte-1pe6sg){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1pe6sg{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1pe6sg{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-1pe6sg:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1pe6sg{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1pe6sg,.article-container.svelte-1pe6sg{padding:1rem}.features-grid.svelte-1pe6sg{grid-template-columns:1fr}.step.svelte-1pe6sg{text-align:center;flex-direction:column}}.container.svelte-7zs2ck{max-width:800px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-7zs2ck{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.controls-section.svelte-7zs2ck{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.quantity-control.svelte-7zs2ck{flex-direction:column;gap:.75rem;display:flex}.quantity-control.svelte-7zs2ck label:where(.svelte-7zs2ck){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.input-group.svelte-7zs2ck{gap:.75rem;display:flex}.quantity-input.svelte-7zs2ck{border:1px solid var(--border-primary);width:120px;color:var(--text-primary);background:var(--bg-secondary);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.quantity-input.svelte-7zs2ck:focus{border-color:var(--interactive-primary);outline:none}.btn-generate.svelte-7zs2ck{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.btn-generate.svelte-7zs2ck:hover{background:var(--interactive-primary-hover)}.output-section.svelte-7zs2ck{flex-direction:column;gap:.75rem;display:flex}.section-header.svelte-7zs2ck{justify-content:space-between;align-items:center;display:flex}.section-header.svelte-7zs2ck label:where(.svelte-7zs2ck){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.btn-copy-sm.svelte-7zs2ck{color:var(--interactive-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.85rem;font-weight:600;transition:background .2s}.btn-copy-sm.svelte-7zs2ck:hover:not(:disabled){background:var(--bg-secondary)}.btn-copy-sm.svelte-7zs2ck:disabled{opacity:.5;cursor:not-allowed}.text-area.svelte-7zs2ck{border:1px solid var(--border-primary);background:var(--surface-base);width:100%;min-height:250px;color:var(--text-primary);resize:vertical;border-radius:8px;padding:1rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6;transition:border-color .2s}.text-area.svelte-7zs2ck:focus{border-color:var(--interactive-primary);outline:none}.text-area.readonly.svelte-7zs2ck{background:var(--bg-secondary)}.stats-row.svelte-7zs2ck{background:var(--bg-secondary);border-radius:6px;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.stat-label.svelte-7zs2ck{color:var(--text-secondary);font-weight:600}.stat-value.svelte-7zs2ck{color:var(--interactive-primary);font-weight:700}.article-container.svelte-7zs2ck{max-width:800px;margin:3rem auto;padding:0 2rem}.article-section.svelte-7zs2ck{margin-bottom:3rem}.article-section.svelte-7zs2ck h2:where(.svelte-7zs2ck){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-7zs2ck p:where(.svelte-7zs2ck){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-7zs2ck{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-7zs2ck{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.feature-icon.svelte-7zs2ck{margin-bottom:1rem;font-size:2rem}.feature.svelte-7zs2ck h3:where(.svelte-7zs2ck){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.steps-container.svelte-7zs2ck{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-7zs2ck{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-7zs2ck{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-7zs2ck h3:where(.svelte-7zs2ck){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-7zs2ck{margin-top:1.5rem}.faq-category.svelte-7zs2ck{margin-bottom:2rem}.faq-category.svelte-7zs2ck h3:where(.svelte-7zs2ck){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-7zs2ck{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-7zs2ck h4:where(.svelte-7zs2ck){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-7zs2ck{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-7zs2ck h2:where(.svelte-7zs2ck){color:#fff;border-bottom:none}.cta-section.svelte-7zs2ck p:where(.svelte-7zs2ck){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-7zs2ck{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-7zs2ck{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-7zs2ck:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-7zs2ck{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-7zs2ck,.article-container.svelte-7zs2ck{padding:1rem}.input-group.svelte-7zs2ck{flex-direction:column}.quantity-input.svelte-7zs2ck{width:100%}.features-grid.svelte-7zs2ck{grid-template-columns:1fr}.step.svelte-7zs2ck{text-align:center;flex-direction:column}}.container.svelte-n0s85m{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-n0s85m{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.inputs-grid.svelte-n0s85m{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.inputs-grid.svelte-n0s85m{grid-template-columns:1fr 1fr}}.input-section.svelte-n0s85m{flex-direction:column;gap:.5rem;display:flex}.section-header.svelte-n0s85m{justify-content:space-between;align-items:center;display:flex}.section-header.svelte-n0s85m label:where(.svelte-n0s85m){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.text-area.svelte-n0s85m{border:1px solid var(--border-primary);background:var(--surface-base);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;min-height:150px;padding:1rem;font-family:monospace;font-size:.95rem;line-height:1.5;transition:border-color .2s}.text-area.svelte-n0s85m:focus{border-color:var(--interactive-primary);outline:none}.text-area.readonly.svelte-n0s85m{background:var(--bg-secondary);min-height:200px}.controls-bar.svelte-n0s85m{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.rel-options.svelte-n0s85m{align-items:center;gap:1rem;display:flex}.option-label.svelte-n0s85m{color:var(--text-secondary);font-size:.9rem;font-weight:600}.radio-label.svelte-n0s85m{cursor:pointer;color:var(--text-primary);align-items:center;gap:.4rem;font-size:.95rem;display:flex}.radio-label.svelte-n0s85m input:where(.svelte-n0s85m){accent-color:var(--interactive-primary)}.action-buttons.svelte-n0s85m{gap:.75rem;display:flex}.btn-primary.svelte-n0s85m{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.btn-primary.svelte-n0s85m:hover:not(:disabled){background:var(--interactive-primary-hover)}.btn-primary.svelte-n0s85m:disabled{opacity:.6;cursor:not-allowed}.btn-secondary.svelte-n0s85m{background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-secondary);cursor:pointer;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-secondary.svelte-n0s85m:hover{border-color:var(--interactive-primary);color:var(--interactive-primary)}.outputs-grid.svelte-n0s85m{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.outputs-grid.svelte-n0s85m{grid-template-columns:1fr 1fr}}.output-section.svelte-n0s85m{flex-direction:column;gap:.5rem;display:flex}.btn-copy-sm.svelte-n0s85m{color:var(--interactive-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.85rem;font-weight:600;transition:background .2s}.btn-copy-sm.svelte-n0s85m:hover:not(:disabled){background:var(--bg-secondary)}.btn-copy-sm.svelte-n0s85m:disabled{opacity:.5;cursor:not-allowed}.article-container.svelte-n0s85m{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-n0s85m{margin-bottom:3rem}.article-section.svelte-n0s85m h2:where(.svelte-n0s85m){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-n0s85m p:where(.svelte-n0s85m){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-n0s85m{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-n0s85m{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-n0s85m{margin-bottom:1rem;font-size:2rem}.feature.svelte-n0s85m h3:where(.svelte-n0s85m){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-n0s85m{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-n0s85m{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-n0s85m{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-n0s85m h3:where(.svelte-n0s85m){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-n0s85m{margin-top:1.5rem}.faq-category.svelte-n0s85m{margin-bottom:2rem}.faq-category.svelte-n0s85m h3:where(.svelte-n0s85m){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-n0s85m{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-n0s85m h4:where(.svelte-n0s85m){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-n0s85m{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-n0s85m h2:where(.svelte-n0s85m){color:#fff;border-bottom:none}.cta-section.svelte-n0s85m p:where(.svelte-n0s85m){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-n0s85m{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-n0s85m{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-n0s85m:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-n0s85m{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-n0s85m,.article-container.svelte-n0s85m{padding:1rem}.inputs-grid.svelte-n0s85m,.outputs-grid.svelte-n0s85m{grid-template-columns:1fr}.controls-bar.svelte-n0s85m{flex-direction:column;align-items:stretch}.rel-options.svelte-n0s85m{justify-content:center;margin-bottom:1rem}.action-buttons.svelte-n0s85m{flex-direction:column}.features-grid.svelte-n0s85m{grid-template-columns:1fr}.step.svelte-n0s85m{text-align:center;flex-direction:column}}:root{--surface-base:#fff;--bg-secondary:#f8f9fa;--border-primary:#e2e8f0;--text-primary:#2d3748;--text-secondary:#718096;--interactive-primary:#4299e1;--blue-500:#4299e1;--blue-600:#3182ce;--blue-700:#2b6cb0;--shadow-sm:0 1px 3px #0000001a}.container.svelte-1rr5bjs{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-1rr5bjs{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.editors-grid.svelte-1rr5bjs{grid-template-columns:1fr;gap:1rem;height:auto;display:grid}@media (min-width:1024px){.editors-grid.svelte-1rr5bjs{grid-template-columns:1fr 1fr 1fr;height:350px}}.editor-section.svelte-1rr5bjs{border:1px solid var(--border-primary);background:var(--surface-base);border-radius:8px;flex-direction:column;height:300px;display:flex;overflow:hidden}@media (min-width:1024px){.editor-section.svelte-1rr5bjs{height:100%}}.editor-header.svelte-1rr5bjs{justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:flex}.editor-header.html.svelte-1rr5bjs{color:#fff;background:#e34c26}.editor-header.css.svelte-1rr5bjs{color:#fff;background:#264de4}.editor-header.js.svelte-1rr5bjs{color:#333;background:#f7df1e}.code-editor.svelte-1rr5bjs{resize:none;background:var(--bg-secondary);width:100%;color:var(--text-primary);border:none;outline:none;flex:1;padding:1rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5}.preview-section.svelte-1rr5bjs{border:1px solid var(--border-primary);height:500px;box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.preview-header.svelte-1rr5bjs{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-secondary);text-transform:uppercase;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.iframe-wrapper.svelte-1rr5bjs{flex:1;position:relative}iframe.svelte-1rr5bjs{background:#fff;border:none;width:100%;height:100%}.article-container.svelte-1rr5bjs{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1rr5bjs{margin-bottom:3rem}.article-section.svelte-1rr5bjs h2:where(.svelte-1rr5bjs){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-1rr5bjs p:where(.svelte-1rr5bjs){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1rr5bjs{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1rr5bjs{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-1rr5bjs{margin-bottom:1rem;font-size:2rem}.feature.svelte-1rr5bjs h3:where(.svelte-1rr5bjs){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-1rr5bjs{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1rr5bjs{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-1rr5bjs{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-1rr5bjs h3:where(.svelte-1rr5bjs){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1rr5bjs{margin-top:1.5rem}.faq-category.svelte-1rr5bjs{margin-bottom:2rem}.faq-category.svelte-1rr5bjs h3:where(.svelte-1rr5bjs){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1rr5bjs{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1rr5bjs h4:where(.svelte-1rr5bjs){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1rr5bjs{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-1rr5bjs h2:where(.svelte-1rr5bjs){color:#fff;border-bottom:none}.cta-section.svelte-1rr5bjs p:where(.svelte-1rr5bjs){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1rr5bjs{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1rr5bjs{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-1rr5bjs:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1rr5bjs{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1rr5bjs,.article-container.svelte-1rr5bjs{padding:1rem}.features-grid.svelte-1rr5bjs{grid-template-columns:1fr}.step.svelte-1rr5bjs{text-align:center;flex-direction:column}}.container.svelte-7oshad{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-7oshad{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto 3rem;display:flex}.input-card.svelte-7oshad{border:1px solid var(--border-primary);background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.input-group.svelte-7oshad{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.input-group.svelte-7oshad{flex-direction:row}}.input-wrapper.svelte-7oshad{background:var(--bg-secondary);border:2px solid #0000;border-radius:10px;flex:1;align-items:center;padding:.25rem .75rem;transition:all .2s;display:flex}.input-wrapper.svelte-7oshad:focus-within{border-color:var(--interactive-primary);background:#fff;box-shadow:0 0 0 3px #4299e126}.input-icon.svelte-7oshad{color:var(--text-secondary);align-items:center;margin-right:.5rem;display:flex}.url-input.svelte-7oshad{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;padding:.75rem 0;font-size:1rem}.btn-clear.svelte-7oshad{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.btn-clear.svelte-7oshad:hover{color:var(--error);background:#0000000d}.btn-detect.svelte-7oshad{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-width:160px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-detect.svelte-7oshad:hover:not(:disabled){background:var(--interactive-primary-hover);transform:translateY(-1px)}.btn-detect.svelte-7oshad:disabled{opacity:.7;cursor:not-allowed}.error-message.svelte-7oshad{color:var(--error);background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.results-section.svelte-7oshad{flex-direction:column;align-items:center;gap:2rem;display:flex}.status-badge.svelte-7oshad{color:#22543d;background:#c6f6d5;border-radius:50px;align-items:center;padding:.5rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0000000d}.status-badge.error.svelte-7oshad{color:#822727;background:#fed7d7}.results-grid.svelte-7oshad{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;width:100%;display:grid}.result-card.svelte-7oshad{border:1px solid var(--border-primary);background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.result-card.svelte-7oshad:hover{border-color:var(--interactive-primary);transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a}.card-icon.svelte-7oshad{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.theme-icon.svelte-7oshad{color:#3182ce;background:#ebf8ff}.ver-icon.svelte-7oshad{color:#38a169;background:#f0fff4}.auth-icon.svelte-7oshad{color:#805ad5;background:#faf5ff}.cms-icon.svelte-7oshad{color:#e53e3e;background:#fff5f5}.card-content.svelte-7oshad{flex-direction:column;min-width:0;display:flex}.label.svelte-7oshad{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.value.svelte-7oshad{color:var(--text-primary);word-break:break-word;font-size:1.1rem;font-weight:600;line-height:1.4}.spinner.svelte-7oshad{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite svelte-7oshad-spin}@keyframes svelte-7oshad-spin{to{transform:rotate(360deg)}}.article-container.svelte-7oshad{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-7oshad{margin-bottom:3rem}.article-section.svelte-7oshad h2:where(.svelte-7oshad){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-7oshad p:where(.svelte-7oshad){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-7oshad{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-7oshad{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:12px;padding:2rem 1.5rem;transition:transform .2s}.feature.svelte-7oshad:hover{transform:translateY(-5px)}.feature-icon.svelte-7oshad{margin-bottom:1rem;font-size:2.5rem}.feature.svelte-7oshad h3:where(.svelte-7oshad){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-7oshad{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-7oshad{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:12px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.step-number.svelte-7oshad{background:var(--interactive-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 4px 6px #4299e14d}.step-content.svelte-7oshad h3:where(.svelte-7oshad){color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem}.faq-container.svelte-7oshad{margin-top:1.5rem}.faq-category.svelte-7oshad{margin-bottom:2rem}.faq-category.svelte-7oshad h3:where(.svelte-7oshad){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-7oshad{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1rem;padding:1.5rem}.faq-item.svelte-7oshad h4:where(.svelte-7oshad){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-7oshad{text-align:center;background:linear-gradient(135deg,var(--blue-500)0%,var(--blue-700)100%);color:#fff;border-radius:20px;padding:4rem 2rem;box-shadow:0 10px 25px #4299e14d}.cta-section.svelte-7oshad h2:where(.svelte-7oshad){color:#fff;border-bottom:none;margin-bottom:1rem;font-size:2rem}.cta-section.svelte-7oshad p:where(.svelte-7oshad){color:#ffffffe6;max-width:600px;margin:0 auto 2.5rem;font-size:1.2rem}.cta-buttons.svelte-7oshad{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-7oshad{color:var(--blue-600);background:#fff;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0003}.cta-btn.svelte-7oshad:hover{background:#f7fafc;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-7oshad{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-7oshad,.article-container.svelte-7oshad{padding:1rem}.input-card.svelte-7oshad{padding:1.5rem}.btn-detect.svelte-7oshad{width:100%}.features-grid.svelte-7oshad{grid-template-columns:1fr}.step.svelte-7oshad{text-align:center;flex-direction:column;align-items:center}}.tool-container.svelte-1xh2y62{max-width:1000px;margin:0 auto;padding:1rem}.tool-header.svelte-1xh2y62{text-align:center;margin-bottom:2rem}.tool-header.svelte-1xh2y62 h1:where(.svelte-1xh2y62){color:#333;margin-bottom:.5rem;font-size:2rem}.tool-header.svelte-1xh2y62 p:where(.svelte-1xh2y62){color:#666;font-size:1.1rem}.examples-section.svelte-1xh2y62{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.examples-section.svelte-1xh2y62 h2:where(.svelte-1xh2y62){color:#333;margin-bottom:.5rem;font-size:1.2rem}.examples-subtitle.svelte-1xh2y62{color:#666;margin-bottom:1rem;font-size:.9rem}.examples-grid.svelte-1xh2y62{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.example-btn.svelte-1xh2y62{color:#333;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.example-btn.svelte-1xh2y62:hover{background:#e7f1ff;border-color:#0d6efd}.input-section.svelte-1xh2y62{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.tabs.svelte-1xh2y62{border-bottom:1px solid #dee2e6;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.tabs.svelte-1xh2y62 button:where(.svelte-1xh2y62){color:#666;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.75rem 1.5rem;font-weight:500}.tabs.svelte-1xh2y62 button.active:where(.svelte-1xh2y62){color:#fff;background:#0d6efd;border-color:#0d6efd}.clear-btn.svelte-1xh2y62{margin-left:auto;color:#fff!important;background:#dc3545!important;border-color:#dc3545!important}.url-input-container.svelte-1xh2y62{margin-bottom:1rem}.url-prefix.svelte-1xh2y62{color:#666;margin-bottom:.5rem;font-size:.9rem;display:block}.url-input.svelte-1xh2y62{border:1px solid #dee2e6;border-radius:6px;width:100%;padding:.75rem;font-size:1rem}.url-input.svelte-1xh2y62:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1a}.input-help.svelte-1xh2y62{color:#0a58ca;background:#e7f1ff;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.action-btn.svelte-1xh2y62{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;width:100%;padding:1rem;font-size:1rem;font-weight:500;transition:background .2s}.action-btn.svelte-1xh2y62:hover:not(:disabled){background:#0b5ed7}.action-btn.svelte-1xh2y62:disabled{opacity:.5;cursor:not-allowed}.xml-header.svelte-1xh2y62{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sample-xml-btn.svelte-1xh2y62{color:#666;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.5rem 1rem}.xml-textarea.svelte-1xh2y62{border:1px solid #dee2e6;border-radius:6px;width:100%;min-height:200px;margin-bottom:1rem;padding:.75rem;font-family:monospace;font-size:.9rem}.error-box.svelte-1xh2y62{color:#842029;background:#f8d7da;border:1px solid #f5c2c7;border-radius:6px;margin-bottom:1rem;padding:1rem}.error-icon.svelte-1xh2y62{vertical-align:middle;margin-right:.5rem;font-size:1.5rem}.results-section.svelte-1xh2y62{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;overflow:hidden}.results-header.svelte-1xh2y62{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1.5rem}.results-title.svelte-1xh2y62 h2:where(.svelte-1xh2y62){color:#333;margin:0 0 .5rem}.source-info.svelte-1xh2y62{color:#666;align-items:center;gap:1rem;font-size:.9rem;display:flex}.source-url.svelte-1xh2y62{text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #dee2e6;border-radius:4px;max-width:300px;padding:.25rem .5rem;overflow:hidden}.results-actions.svelte-1xh2y62{gap:.5rem;margin-top:1rem;display:flex}.copy-btn.svelte-1xh2y62,.export-btn.svelte-1xh2y62{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.copy-btn.svelte-1xh2y62{color:#fff;background:#198754}.export-btn.svelte-1xh2y62{color:#fff;background:#0dcaf0}.stats-grid.svelte-1xh2y62{background:#fff;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1.5rem;display:grid}.stat-card.svelte-1xh2y62{text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.stat-card.svelte-1xh2y62 .label:where(.svelte-1xh2y62){color:#666;margin-bottom:.5rem;font-size:.85rem;display:block}.stat-card.svelte-1xh2y62 .value:where(.svelte-1xh2y62){color:#333;font-size:1.5rem;font-weight:700;display:block}.type-badge.svelte-1xh2y62{border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.type-badge.sitemap-index.svelte-1xh2y62{color:#0a58ca;background:#e7f1ff}.type-badge.standard-sitemap.svelte-1xh2y62{color:#0f5132;background:#d1e7dd}.table-container.svelte-1xh2y62{padding:1.5rem}.table-header.svelte-1xh2y62{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.count-badge.svelte-1xh2y62{color:#fff;background:#6c757d;border-radius:20px;padding:.25rem .75rem;font-size:.8rem}.filter-btn.svelte-1xh2y62{color:#666;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.5rem 1rem}.table-scroll.svelte-1xh2y62{overflow-x:auto}table.svelte-1xh2y62{border-collapse:collapse;width:100%;font-size:.9rem}th.svelte-1xh2y62{text-align:left;color:#666;background:#f8f9fa;border-bottom:2px solid #dee2e6;padding:.75rem;font-weight:600}td.svelte-1xh2y62{color:#333;border-bottom:1px solid #dee2e6;padding:.75rem}tr.svelte-1xh2y62:hover{background:#f8f9fa}.url-cell.svelte-1xh2y62 a:where(.svelte-1xh2y62){color:#0d6efd;text-decoration:none}.url-cell.svelte-1xh2y62 a:where(.svelte-1xh2y62):hover{text-decoration:underline}.freq-badge.svelte-1xh2y62{border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.freq-badge.daily.svelte-1xh2y62{color:#0f5132;background:#d1e7dd}.freq-badge.weekly.svelte-1xh2y62{color:#664d03;background:#fff3cd}.priority-bar-container.svelte-1xh2y62{background:#f8f9fa;border-radius:4px;height:24px;position:relative;overflow:hidden}.priority-bar.svelte-1xh2y62{opacity:.3;background:#0d6efd;position:absolute;top:0;bottom:0;left:0}.priority-value.svelte-1xh2y62{z-index:1;font-weight:700;position:relative}.small-btn.svelte-1xh2y62{cursor:pointer;color:#666;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-right:.25rem;padding:.25rem .5rem}.documentation-section.svelte-1xh2y62{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;overflow:hidden}.doc-tabs.svelte-1xh2y62{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex}.doc-tabs.svelte-1xh2y62 button:where(.svelte-1xh2y62){color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-1xh2y62 button.active:where(.svelte-1xh2y62){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-1xh2y62{padding:1.5rem}.doc-panel.svelte-1xh2y62 h3:where(.svelte-1xh2y62){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-1xh2y62 p:where(.svelte-1xh2y62){color:#666;margin-bottom:1.5rem;line-height:1.6}.simple-grid.svelte-1xh2y62{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-1xh2y62{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-1xh2y62 h4:where(.svelte-1xh2y62){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-1xh2y62{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-1xh2y62{background:#f8f9fa;border-left:4px solid #0d6efd;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-1xh2y62{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.features-grid.svelte-1xh2y62{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.feature-item.svelte-1xh2y62{text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.feature-icon.svelte-1xh2y62{margin-bottom:.5rem;font-size:1.5rem;display:block}.faq-list.svelte-1xh2y62{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.faq-item.svelte-1xh2y62{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.faq-item.svelte-1xh2y62 h4:where(.svelte-1xh2y62){color:#333;margin-bottom:.5rem;font-size:1rem}.tips-section.svelte-1xh2y62{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.tips-section.svelte-1xh2y62 h3:where(.svelte-1xh2y62){color:#333;margin-bottom:1rem;font-size:1.2rem}.tips-grid.svelte-1xh2y62{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.tip-card.svelte-1xh2y62{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.tip-card.svelte-1xh2y62 h4:where(.svelte-1xh2y62){color:#333;margin-bottom:.5rem;font-size:1rem}.tip-card.svelte-1xh2y62 p:where(.svelte-1xh2y62){color:#666;margin:0;font-size:.9rem}@media (max-width:768px){.tool-container.svelte-1xh2y62{padding:.5rem}.tabs.svelte-1xh2y62{flex-direction:column}.examples-grid.svelte-1xh2y62{grid-template-columns:1fr}.stats-grid.svelte-1xh2y62{grid-template-columns:1fr 1fr}.doc-tabs.svelte-1xh2y62{flex-direction:column}.features-grid.svelte-1xh2y62,.tips-grid.svelte-1xh2y62{grid-template-columns:1fr}}@media (max-width:480px){.tool-header.svelte-1xh2y62 h1:where(.svelte-1xh2y62){font-size:1.5rem}.input-section.svelte-1xh2y62,.results-header.svelte-1xh2y62{padding:1rem}.source-info.svelte-1xh2y62{flex-direction:column;align-items:flex-start;gap:.5rem}}.container.svelte-1oirb3c{max-width:1200px;font-family:var(--font-family);margin:0 auto;padding:2rem}.tool-layout.svelte-1oirb3c{grid-template-columns:1fr 400px;gap:2rem;margin-bottom:4rem;display:grid}@media (max-width:992px){.tool-layout.svelte-1oirb3c{grid-template-columns:1fr}}.card.svelte-1oirb3c{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-1oirb3c{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.header-info.svelte-1oirb3c h2:where(.svelte-1oirb3c){color:var(--text-primary);margin:0;font-size:1.5rem}.header-info.svelte-1oirb3c p:where(.svelte-1oirb3c){color:var(--text-secondary);margin:.25rem 0 0;font-size:.95rem}.btn-add.svelte-1oirb3c{background:var(--bg-secondary);color:var(--interactive-primary);border:1px solid var(--interactive-primary);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:all .2s;display:flex}.btn-add.svelte-1oirb3c:hover{background:var(--interactive-primary);color:#fff}.rules-list.svelte-1oirb3c{flex-direction:column;gap:1.5rem;display:flex}.rule-item.svelte-1oirb3c{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1.5rem}.rule-top.svelte-1oirb3c{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.ua-selector.svelte-1oirb3c{flex:1;gap:.5rem;display:flex}.input-group.svelte-1oirb3c{flex-direction:column;flex:1;gap:.5rem;display:flex}.input-group.svelte-1oirb3c label:where(.svelte-1oirb3c){color:var(--text-secondary);font-size:.9rem;font-weight:600}select.svelte-1oirb3c,input.svelte-1oirb3c{border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--surface-base);width:100%;color:var(--text-primary);padding:.75rem;font-size:.95rem}.btn-remove.svelte-1oirb3c{color:#c53030;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #feb2b2;padding:.75rem;transition:all .2s}.btn-remove.svelte-1oirb3c:hover{background:#fff5f5;border-color:#fc8181}.paths-grid.svelte-1oirb3c{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:600px){.paths-grid.svelte-1oirb3c{grid-template-columns:1fr}}.column-header.svelte-1oirb3c{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.btn-small.svelte-1oirb3c{border:1px solid var(--border-primary);background:var(--surface-base);cursor:pointer;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}.btn-delete.svelte-1oirb3c{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.25rem}.btn-delete.svelte-1oirb3c:hover{color:#c53030}.empty-hint.svelte-1oirb3c{color:var(--text-tertiary);margin:.5rem 0;font-size:.85rem;font-style:italic}.sitemap-box.svelte-1oirb3c{border-top:1px solid var(--border-primary);margin-top:2rem;padding-top:2rem}.sitemap-box.svelte-1oirb3c label:where(.svelte-1oirb3c){margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.sticky-card.svelte-1oirb3c{position:sticky;top:2rem}.code-container.svelte-1oirb3c{border-radius:var(--radius-md);background:#1a202c;min-height:200px;max-height:400px;margin:1.5rem 0;padding:1.5rem;overflow-y:auto}pre.svelte-1oirb3c{margin:0}code.svelte-1oirb3c{color:#e2e8f0;font-family:var(--font-mono);white-space:pre-wrap;font-size:.9rem;line-height:1.6}.action-buttons.svelte-1oirb3c{flex-direction:column;gap:1rem;display:flex}.btn-primary.svelte-1oirb3c{background:var(--interactive-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:1rem;font-weight:600;transition:all .2s}.btn-primary.svelte-1oirb3c:hover{background:var(--interactive-primary-hover)}.btn-secondary.svelte-1oirb3c{background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;padding:1rem;font-weight:600}.article-container.svelte-1oirb3c{border-top:1px solid var(--border-primary);margin-top:4rem;padding-top:4rem}.article-section.svelte-1oirb3c{margin-bottom:4rem}.article-section.svelte-1oirb3c h2:where(.svelte-1oirb3c){color:var(--text-primary);margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-1oirb3c p:where(.svelte-1oirb3c){color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.features-grid.svelte-1oirb3c{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card.svelte-1oirb3c{background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;padding:2rem}.feature-icon.svelte-1oirb3c{margin-bottom:1rem;font-size:2.5rem}.steps-container.svelte-1oirb3c{flex-direction:column;gap:1.5rem;display:flex}.step.svelte-1oirb3c{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-primary);gap:2rem;padding:2rem;display:flex}.step-number.svelte-1oirb3c{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-1oirb3c{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-1oirb3c{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}.faq-item.svelte-1oirb3c h3:where(.svelte-1oirb3c){margin-top:0;margin-bottom:1rem}.tool-container.svelte-1tdx9qo{max-width:1100px;margin:0 auto;padding:1rem}.main-grid.svelte-1tdx9qo{grid-template-columns:1fr 400px;gap:2rem;display:grid}@media (max-width:900px){.main-grid.svelte-1tdx9qo{grid-template-columns:1fr}}.input-section.svelte-1tdx9qo{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #00000005}.section-header.svelte-1tdx9qo{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header.svelte-1tdx9qo h2:where(.svelte-1tdx9qo){color:#333;margin:0;font-size:1.25rem}.clear-btn.svelte-1tdx9qo{color:#dc3545;cursor:pointer;background:0 0;border:none;font-size:.9rem}.form-group.svelte-1tdx9qo{margin-bottom:1.25rem}.form-group.svelte-1tdx9qo label:where(.svelte-1tdx9qo){color:#444;margin-bottom:.5rem;font-weight:500;display:block}.input-wrapper.svelte-1tdx9qo{position:relative}input[type=text].svelte-1tdx9qo,textarea.svelte-1tdx9qo,select.svelte-1tdx9qo{border:1px solid #dee2e6;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}input[type=text].svelte-1tdx9qo:focus,textarea.svelte-1tdx9qo:focus,select.svelte-1tdx9qo:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1a}.char-count.svelte-1tdx9qo{color:#999;font-size:.8rem;position:absolute;bottom:.75rem;right:.75rem}.char-count.warning.svelte-1tdx9qo{color:#dc3545}small.svelte-1tdx9qo{color:#888;margin-top:.25rem;font-size:.85rem;display:block}.row.svelte-1tdx9qo{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.settings-group.svelte-1tdx9qo{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.settings-group.svelte-1tdx9qo h3:where(.svelte-1tdx9qo){color:#333;margin-bottom:1rem;font-size:1.1rem}.checkbox-group.svelte-1tdx9qo{flex-direction:column;gap:.5rem;display:flex}.checkbox-item.svelte-1tdx9qo{cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.preview-section.svelte-1tdx9qo{flex-direction:column;gap:1.5rem;display:flex}.preview-card.svelte-1tdx9qo{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.preview-card.svelte-1tdx9qo h2:where(.svelte-1tdx9qo),.code-section.svelte-1tdx9qo h2:where(.svelte-1tdx9qo){color:#333;margin:0 0 1rem;font-size:1.1rem}.google-preview.svelte-1tdx9qo{max-width:600px;font-family:Arial,sans-serif}.preview-url.svelte-1tdx9qo{color:#202124;font-size:14px;line-height:1.3}.preview-title.svelte-1tdx9qo{color:#1a0dab;cursor:pointer;margin-top:5px;font-size:20px;line-height:1.3}.preview-title.svelte-1tdx9qo:hover{text-decoration:underline}.preview-desc.svelte-1tdx9qo{color:#4d5156;margin-top:3px;font-size:14px;line-height:1.58}.code-section.svelte-1tdx9qo{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.code-block.svelte-1tdx9qo{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:1rem;padding:1rem;overflow-x:auto}pre.svelte-1tdx9qo{color:#333;white-space:pre-wrap;margin:0;font-family:monospace;font-size:.9rem}.copy-btn.svelte-1tdx9qo{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;width:100%;padding:.75rem;font-weight:500;transition:background .2s}.copy-btn.svelte-1tdx9qo:hover{background:#0b5ed7}.documentation-section.svelte-1tdx9qo{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-1tdx9qo{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-1tdx9qo button:where(.svelte-1tdx9qo){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-1tdx9qo button.active:where(.svelte-1tdx9qo){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-1tdx9qo{padding:1.5rem}.doc-panel.svelte-1tdx9qo h3:where(.svelte-1tdx9qo){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-1tdx9qo p:where(.svelte-1tdx9qo){color:#666;margin-bottom:1.5rem;line-height:1.6}.simple-grid.svelte-1tdx9qo{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-1tdx9qo{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-1tdx9qo h3:where(.svelte-1tdx9qo){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-1tdx9qo{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-1tdx9qo{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-1tdx9qo{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.features-grid.svelte-1tdx9qo{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.feature-item.svelte-1tdx9qo{text-align:center;background:#f8f9fa;border-radius:6px;padding:1rem}.feature-icon.svelte-1tdx9qo{margin-bottom:.5rem;font-size:2rem;display:block}.faq-list.svelte-1tdx9qo{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-1tdx9qo{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-1tdx9qo h3:where(.svelte-1tdx9qo){color:#333;margin:0 0 .5rem}.faq-item.svelte-1tdx9qo p:where(.svelte-1tdx9qo){margin:0;font-size:.95rem}.tool-container.svelte-fy701p{max-width:1100px;margin:0 auto;padding:1rem}.main-grid.svelte-fy701p{grid-template-columns:1fr 400px;gap:2rem;display:grid}@media (max-width:900px){.main-grid.svelte-fy701p{grid-template-columns:1fr}}.input-section.svelte-fy701p{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #00000005}.section-header.svelte-fy701p{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header.svelte-fy701p h2:where(.svelte-fy701p){color:#333;margin:0;font-size:1.25rem}.clear-btn.svelte-fy701p{color:#dc3545;cursor:pointer;background:0 0;border:none;font-size:.9rem}.form-group.svelte-fy701p{margin-bottom:1.25rem}.form-group.svelte-fy701p label:where(.svelte-fy701p){color:#444;margin-bottom:.5rem;font-weight:500;display:block}input[type=text].svelte-fy701p,input[type=url].svelte-fy701p,textarea.svelte-fy701p,select.svelte-fy701p{border:1px solid #dee2e6;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}input.svelte-fy701p:focus,textarea.svelte-fy701p:focus,select.svelte-fy701p:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1a}small.svelte-fy701p{color:#888;margin-top:.25rem;font-size:.85rem;display:block}.row.svelte-fy701p{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.preview-section.svelte-fy701p{flex-direction:column;gap:1.5rem;display:flex}.preview-card.svelte-fy701p{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.preview-card.svelte-fy701p h2:where(.svelte-fy701p),.code-section.svelte-fy701p h2:where(.svelte-fy701p){color:#333;margin:0 0 1rem;font-size:1.1rem}.social-preview.svelte-fy701p{background:#f2f3f5;border:1px solid #dadde1;border-radius:2px;max-width:500px;overflow:hidden}.preview-image.svelte-fy701p{color:#90949c;background-color:#e9ebee;background-position:50%;background-size:cover;justify-content:center;align-items:center;height:200px;display:flex}.preview-content.svelte-fy701p{background:#f2f3f5;border-top:1px solid #e5e5e5;padding:10px 12px}.preview-domain.svelte-fy701p{color:#606770;text-transform:uppercase;margin-bottom:5px;font-size:12px}.preview-title.svelte-fy701p{color:#1d2129;margin-bottom:3px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px}.preview-desc.svelte-fy701p{color:#606770;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:40px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.code-section.svelte-fy701p{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.code-block.svelte-fy701p{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:1rem;padding:1rem;overflow-x:auto}pre.svelte-fy701p{color:#333;white-space:pre-wrap;margin:0;font-family:monospace;font-size:.9rem}.copy-btn.svelte-fy701p{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;width:100%;padding:.75rem;font-weight:500;transition:background .2s}.copy-btn.svelte-fy701p:hover{background:#0b5ed7}.documentation-section.svelte-fy701p{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-fy701p{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-fy701p button:where(.svelte-fy701p){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-fy701p button.active:where(.svelte-fy701p){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-fy701p{padding:1.5rem}.doc-panel.svelte-fy701p h3:where(.svelte-fy701p){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-fy701p p:where(.svelte-fy701p){color:#666;margin-bottom:1.5rem;line-height:1.6}.simple-grid.svelte-fy701p{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-fy701p{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-fy701p h4:where(.svelte-fy701p){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-fy701p{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-fy701p{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-fy701p{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.features-grid.svelte-fy701p{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.feature-item.svelte-fy701p{text-align:center;background:#f8f9fa;border-radius:6px;padding:1rem}.feature-icon.svelte-fy701p{margin-bottom:.5rem;font-size:2rem;display:block}.faq-list.svelte-fy701p{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-fy701p{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-fy701p h4:where(.svelte-fy701p){color:#333;margin:0 0 .5rem}.faq-item.svelte-fy701p p:where(.svelte-fy701p){margin:0;font-size:.95rem}.tool-container.svelte-6pxodk{max-width:800px;margin:0 auto;padding:1rem}.input-section.svelte-6pxodk{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #00000005}.input-group.svelte-6pxodk{gap:1rem;display:flex}input[type=url].svelte-6pxodk{border:1px solid #dee2e6;border-radius:6px;flex:1;padding:.75rem;font-size:1rem}input[type=url].svelte-6pxodk:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1a}.check-btn.svelte-6pxodk{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;padding:0 1.5rem;font-size:1rem;font-weight:500}.check-btn.svelte-6pxodk:hover:not(:disabled){background:#0b5ed7}.check-btn.svelte-6pxodk:disabled{opacity:.7;cursor:not-allowed}.error-box.svelte-6pxodk{color:#842029;background:#f8d7da;border:1px solid #f5c2c7;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.result-card.svelte-6pxodk{background:#fff;border:1px solid #dee2e6;border-radius:8px;align-items:flex-start;gap:1.5rem;padding:2rem;display:flex}.result-card.blocked.svelte-6pxodk{border-left:5px solid #dc3545}.result-card.allowed.svelte-6pxodk{border-left:5px solid #198754}.status-icon.svelte-6pxodk{font-size:3rem}.status-content.svelte-6pxodk{flex:1}.status-content.svelte-6pxodk h2:where(.svelte-6pxodk){color:#333;margin:0 0 .5rem}.url.svelte-6pxodk{color:#666;word-break:break-all;margin-bottom:1.5rem}.details.svelte-6pxodk{background:#f8f9fa;border-radius:6px;padding:1rem}.detail-item.svelte-6pxodk{border-bottom:1px solid #e9ecef;justify-content:space-between;padding:.5rem 0;display:flex}.detail-item.svelte-6pxodk:last-child{border-bottom:none}.label.svelte-6pxodk{color:#555;font-weight:500}.value.svelte-6pxodk{font-weight:600}.value.code.svelte-6pxodk{background:#e9ecef;border-radius:4px;padding:.1rem .4rem;font-family:monospace;font-weight:400}.red.svelte-6pxodk{color:#dc3545}.green.svelte-6pxodk{color:#198754}@media (max-width:600px){.input-group.svelte-6pxodk{flex-direction:column}.check-btn.svelte-6pxodk{padding:.75rem}.result-card.svelte-6pxodk{text-align:center;flex-direction:column;align-items:center}.result-card.blocked.svelte-6pxodk,.result-card.allowed.svelte-6pxodk{border-top:5px solid;border-left:1px solid #dee2e6}}.documentation-section.svelte-6pxodk{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-6pxodk{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-6pxodk button:where(.svelte-6pxodk){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-6pxodk button.active:where(.svelte-6pxodk){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-6pxodk{padding:1.5rem}.doc-panel.svelte-6pxodk h3:where(.svelte-6pxodk){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-6pxodk p:where(.svelte-6pxodk){color:#666;margin-bottom:1.5rem;line-height:1.6}.simple-grid.svelte-6pxodk{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-6pxodk{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-6pxodk h3:where(.svelte-6pxodk){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-6pxodk{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-6pxodk{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-6pxodk{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.features-grid.svelte-6pxodk{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.feature-item.svelte-6pxodk{text-align:center;background:#f8f9fa;border-radius:6px;padding:1rem}.feature-icon.svelte-6pxodk{margin-bottom:.5rem;font-size:2rem;display:block}.faq-list.svelte-6pxodk{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-6pxodk{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-6pxodk h3:where(.svelte-6pxodk){color:#333;margin:0 0 .5rem}.faq-item.svelte-6pxodk p:where(.svelte-6pxodk){margin:0;font-size:.95rem}.tool-container.svelte-1imh43y{max-width:1000px;margin:0 auto;padding:1rem}.input-section.svelte-1imh43y{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #00000005}.input-group.svelte-1imh43y{gap:1rem;display:flex}input[type=url].svelte-1imh43y{border:1px solid #dee2e6;border-radius:6px;flex:1;padding:.75rem;font-size:1rem}input[type=url].svelte-1imh43y:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1a}.analyze-btn.svelte-1imh43y{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;padding:0 1.5rem;font-size:1rem;font-weight:500}.analyze-btn.svelte-1imh43y:hover:not(:disabled){background:#0b5ed7}.analyze-btn.svelte-1imh43y:disabled{opacity:.7;cursor:not-allowed}.error-box.svelte-1imh43y{color:#842029;background:#f8d7da;border:1px solid #f5c2c7;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.results-grid.svelte-1imh43y{grid-template-columns:250px 1fr;gap:1.5rem;display:grid}@media (max-width:800px){.results-grid.svelte-1imh43y{grid-template-columns:1fr}}.score-card.svelte-1imh43y{text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.score-circle.svelte-1imh43y{border:8px solid #e9ecef;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:1rem;display:flex}.score-circle.good.svelte-1imh43y{color:#198754;border-color:#198754}.score-circle.average.svelte-1imh43y{color:#ffc107;border-color:#ffc107}.score-circle.bad.svelte-1imh43y{color:#dc3545;border-color:#dc3545}.score-number.svelte-1imh43y{font-size:2.5rem;font-weight:800;line-height:1}.score-label.svelte-1imh43y{color:#666;font-size:.9rem}.issues-card.svelte-1imh43y{background:#fff;border:1px solid #dee2e6;border-radius:8px;grid-column:2;padding:1.5rem}.issues-list.svelte-1imh43y{margin:0;padding:0;list-style:none}.issues-list.svelte-1imh43y li:where(.svelte-1imh43y){color:#555;border-bottom:1px solid #f0f0f0;padding:.75rem}.issues-list.svelte-1imh43y li:where(.svelte-1imh43y):last-child{border-bottom:none}.details-card.svelte-1imh43y{background:#fff;border:1px solid #dee2e6;border-radius:8px;grid-column:1/-1;padding:1.5rem}.detail-row.svelte-1imh43y{border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1rem}.detail-label.svelte-1imh43y{color:#333;margin-bottom:.5rem;font-weight:600}.text-preview.svelte-1imh43y{color:#555;margin-bottom:.25rem}.count.svelte-1imh43y{color:#999;background:#f8f9fa;border-radius:4px;padding:.1rem .4rem;font-size:.8rem}.missing.svelte-1imh43y{color:#dc3545;font-style:italic}.h1-tag.svelte-1imh43y{color:#333;font-size:1.1rem;font-weight:700}.stats-row.svelte-1imh43y{gap:2rem;margin-top:1rem;display:flex}.stat.svelte-1imh43y{text-align:center}.stat-val.svelte-1imh43y{color:#333;font-size:1.5rem;font-weight:700;display:block}.stat-val.bad.svelte-1imh43y{color:#dc3545}.stat-lbl.svelte-1imh43y{color:#666;font-size:.85rem}.documentation-section.svelte-1imh43y{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-1imh43y{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-1imh43y button:where(.svelte-1imh43y){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-1imh43y button.active:where(.svelte-1imh43y){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-1imh43y{padding:1.5rem}.doc-panel.svelte-1imh43y h3:where(.svelte-1imh43y){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-1imh43y p:where(.svelte-1imh43y){color:#666;margin-bottom:1.5rem;line-height:1.6}.simple-grid.svelte-1imh43y{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-1imh43y{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-1imh43y h4:where(.svelte-1imh43y){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-1imh43y{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-1imh43y{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-1imh43y{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.features-grid.svelte-1imh43y{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.feature-item.svelte-1imh43y{text-align:center;background:#f8f9fa;border-radius:6px;padding:1rem}.feature-icon.svelte-1imh43y{margin-bottom:.5rem;font-size:2rem;display:block}.faq-list.svelte-1imh43y{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-1imh43y{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-1imh43y h4:where(.svelte-1imh43y){color:#333;margin:0 0 .5rem}.faq-item.svelte-1imh43y p:where(.svelte-1imh43y){margin:0;font-size:.95rem}.tool-container.svelte-dhwfcs{max-width:1200px;margin:0 auto;padding:1rem}.main-content.svelte-dhwfcs{gap:2rem;display:grid}.input-section.svelte-dhwfcs h2:where(.svelte-dhwfcs),.results-section.svelte-dhwfcs h2:where(.svelte-dhwfcs){color:#333;margin-bottom:1rem;font-size:1.25rem}textarea.svelte-dhwfcs{resize:vertical;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:1rem;font-family:inherit;font-size:1rem}textarea.svelte-dhwfcs:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1a}.stats.svelte-dhwfcs{background:#f8f9fa;border-radius:6px;gap:2rem;margin-top:1rem;padding:1rem;display:flex}.stats.svelte-dhwfcs span:where(.svelte-dhwfcs){color:#666}.stats.svelte-dhwfcs strong:where(.svelte-dhwfcs){color:#0d6efd;font-size:1.2rem}.results-section.svelte-dhwfcs{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.table-wrapper.svelte-dhwfcs{overflow-x:auto}table.svelte-dhwfcs{border-collapse:collapse;width:100%;margin-top:1rem}thead.svelte-dhwfcs{background:#f8f9fa}th.svelte-dhwfcs,td.svelte-dhwfcs{text-align:left;border-bottom:1px solid #dee2e6;padding:.75rem}th.svelte-dhwfcs{color:#333;font-weight:600}.keyword-cell.svelte-dhwfcs{color:#0d6efd;font-weight:500}.status.svelte-dhwfcs{border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.status.optimal.svelte-dhwfcs{color:#0f5132;background:#d1e7dd}.status.low.svelte-dhwfcs{color:#664d03;background:#fff3cd}.status.high.svelte-dhwfcs{color:#842029;background:#f8d7da}.documentation-section.svelte-dhwfcs{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-dhwfcs{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-dhwfcs button:where(.svelte-dhwfcs){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-dhwfcs button.active:where(.svelte-dhwfcs){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-dhwfcs{padding:1.5rem}.doc-panel.svelte-dhwfcs h2:where(.svelte-dhwfcs){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-dhwfcs p:where(.svelte-dhwfcs){color:#666;margin-bottom:1.5rem;line-height:1.6}.doc-panel.svelte-dhwfcs ul:where(.svelte-dhwfcs){color:#666;padding-left:1.5rem;line-height:1.8}.doc-panel.svelte-dhwfcs li:where(.svelte-dhwfcs){margin-bottom:.75rem}.simple-grid.svelte-dhwfcs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-dhwfcs{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-dhwfcs h3:where(.svelte-dhwfcs){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-dhwfcs{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-dhwfcs{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-dhwfcs{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.faq-list.svelte-dhwfcs{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-dhwfcs{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-dhwfcs h3:where(.svelte-dhwfcs){color:#333;margin:0 0 .5rem}.faq-item.svelte-dhwfcs p:where(.svelte-dhwfcs){margin:0;font-size:.95rem}@media (max-width:768px){.stats.svelte-dhwfcs{flex-direction:column;gap:.5rem}table.svelte-dhwfcs{font-size:.9rem}th.svelte-dhwfcs,td.svelte-dhwfcs{padding:.5rem}}.tool-container.svelte-1jjgfd1{max-width:1200px;margin:0 auto;padding:1rem}.main-grid.svelte-1jjgfd1{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (max-width:900px){.main-grid.svelte-1jjgfd1{grid-template-columns:1fr}}.input-section.svelte-1jjgfd1 h2:where(.svelte-1jjgfd1),.results-section.svelte-1jjgfd1 h2:where(.svelte-1jjgfd1){color:#333;margin-bottom:1rem;font-size:1.25rem}textarea.svelte-1jjgfd1{resize:vertical;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:1rem;font-family:inherit;font-size:1rem}textarea.svelte-1jjgfd1:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1a}.settings.svelte-1jjgfd1{background:#f8f9fa;border-radius:6px;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.setting-group.svelte-1jjgfd1{flex-direction:column;gap:.5rem;display:flex}.setting-group.svelte-1jjgfd1 label:where(.svelte-1jjgfd1){color:#666;font-size:.9rem}input[type=range].svelte-1jjgfd1{width:100%}.results-section.svelte-1jjgfd1{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.keywords-display.svelte-1jjgfd1{flex-direction:column;gap:1.5rem;display:flex}.keyword-tags.svelte-1jjgfd1{flex-wrap:wrap;gap:.75rem;display:flex}.keyword-tag.svelte-1jjgfd1{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex}.keyword-count.svelte-1jjgfd1{background:#ffffff4d;border-radius:10px;padding:.1rem .5rem;font-size:.85rem}.copy-btn.svelte-1jjgfd1{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:500;transition:background .2s}.copy-btn.svelte-1jjgfd1:hover{background:#0b5ed7}.keyword-list.svelte-1jjgfd1 h3:where(.svelte-1jjgfd1){color:#333;margin-bottom:.5rem;font-size:1rem}.list-box.svelte-1jjgfd1{word-wrap:break-word;color:#666;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem;line-height:1.6}.empty-state.svelte-1jjgfd1{text-align:center;color:#999;padding:3rem 1rem}.documentation-section.svelte-1jjgfd1{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-1jjgfd1{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-1jjgfd1 button:where(.svelte-1jjgfd1){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-1jjgfd1 button.active:where(.svelte-1jjgfd1){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-1jjgfd1{padding:1.5rem}.doc-panel.svelte-1jjgfd1 h2:where(.svelte-1jjgfd1){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-1jjgfd1 p:where(.svelte-1jjgfd1){color:#666;margin-bottom:1.5rem;line-height:1.6}.doc-panel.svelte-1jjgfd1 ul:where(.svelte-1jjgfd1){color:#666;padding-left:1.5rem;line-height:1.8}.doc-panel.svelte-1jjgfd1 li:where(.svelte-1jjgfd1){margin-bottom:.75rem}.simple-grid.svelte-1jjgfd1{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-1jjgfd1{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-1jjgfd1 h3:where(.svelte-1jjgfd1){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-1jjgfd1{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-1jjgfd1{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-1jjgfd1{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.faq-list.svelte-1jjgfd1{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-1jjgfd1{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-1jjgfd1 h3:where(.svelte-1jjgfd1){color:#333;margin:0 0 .5rem}.faq-item.svelte-1jjgfd1 p:where(.svelte-1jjgfd1){margin:0;font-size:.95rem}.container.svelte-svkzh4{max-width:1200px;font-family:var(--font-family);margin:0 auto;padding:2rem}.tool-layout.svelte-svkzh4{grid-template-columns:1fr 450px;gap:2rem;margin-bottom:4rem;display:grid}@media (max-width:1024px){.tool-layout.svelte-svkzh4{grid-template-columns:1fr}}.card.svelte-svkzh4{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-svkzh4{align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.icon-box.svelte-svkzh4{background:var(--bg-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:64px;height:64px;font-size:2.5rem;display:flex}.header-text.svelte-svkzh4 h2:where(.svelte-svkzh4){color:var(--text-primary);margin:0;font-size:1.75rem}.header-text.svelte-svkzh4 p:where(.svelte-svkzh4){color:var(--text-secondary);margin:0}.options-grid.svelte-svkzh4{grid-template-columns:1fr;gap:1rem;display:grid}.option-item.svelte-svkzh4{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);padding:1rem 1.5rem;transition:all .2s}.option-item.svelte-svkzh4:hover{border-color:var(--interactive-primary);background:var(--surface-base)}.checkbox-container.svelte-svkzh4{cursor:pointer;align-items:flex-start;gap:1rem;display:flex;position:relative}.checkbox-container.svelte-svkzh4 input: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-primary);border-radius:4px;flex-shrink:0;width:22px;height:22px;margin-top:2px;position:relative}.checkbox-container.svelte-svkzh4:hover input:where(.svelte-svkzh4)~.checkmark:where(.svelte-svkzh4){border-color:var(--interactive-primary)}.checkbox-container.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:5px;height:10px;display:none;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.checkbox-container.svelte-svkzh4 input:where(.svelte-svkzh4):checked~.checkmark:where(.svelte-svkzh4):after{display:block}.option-label.svelte-svkzh4 strong:where(.svelte-svkzh4){color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;display:block}.option-label.svelte-svkzh4 p:where(.svelte-svkzh4){color:var(--text-secondary);margin:0;font-size:.85rem}.info-box.svelte-svkzh4{color:#7b341e;background:#fffaf0;border-left:4px solid #ed8936;border-radius:4px;margin-top:2rem;padding:1.25rem;font-size:.95rem}.sticky-card.svelte-svkzh4{position:sticky;top:2rem}.header-preview.svelte-svkzh4{border-radius:var(--radius-md);background:#1a202c;margin:1.5rem 0;padding:1.5rem}.header-name.svelte-svkzh4{color:#63b3ed;font-weight:700;font-family:var(--font-mono);margin-bottom:.75rem}.header-value.svelte-svkzh4 code:where(.svelte-svkzh4){color:#e2e8f0;font-family:var(--font-mono);word-break:break-all;font-size:.9rem;line-height:1.6}.btn-primary.svelte-svkzh4{background:var(--interactive-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;margin-bottom:2rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary.svelte-svkzh4:hover{background:var(--interactive-primary-hover)}.implementation-guide.svelte-svkzh4 h4:where(.svelte-svkzh4){color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem}.impl-item.svelte-svkzh4{margin-bottom:1.5rem}.impl-item.svelte-svkzh4 span:where(.svelte-svkzh4){color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.impl-item.svelte-svkzh4 pre:where(.svelte-svkzh4){background:var(--bg-secondary);border-radius:var(--radius-sm);margin:0;padding:1rem;overflow-x:auto}.impl-item.svelte-svkzh4 code:where(.svelte-svkzh4){color:var(--text-primary);font-size:.85rem}.article-container.svelte-svkzh4{border-top:1px solid var(--border-primary);margin-top:4rem;padding-top:4rem}.article-section.svelte-svkzh4{margin-bottom:4rem}.article-section.svelte-svkzh4 h2:where(.svelte-svkzh4){color:var(--text-primary);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}.features-grid.svelte-svkzh4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card.svelte-svkzh4{background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;padding:2rem}.feature-icon.svelte-svkzh4{margin-bottom:1rem;font-size:2.5rem}.steps-container.svelte-svkzh4{flex-direction:column;gap:1.5rem;display:flex}.step.svelte-svkzh4{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-primary);gap:2rem;padding:2rem;display:flex}.step-number.svelte-svkzh4{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-svkzh4{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-svkzh4{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}.faq-item.svelte-svkzh4 h3:where(.svelte-svkzh4){margin-top:0;margin-bottom:1rem}.container.svelte-o2uuxo{max-width:1200px;margin:0 auto;padding:2rem}h1.svelte-o2uuxo{margin-bottom:.5rem;font-size:2rem}.grid.svelte-o2uuxo{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}input.svelte-o2uuxo,textarea.svelte-o2uuxo,select.svelte-o2uuxo{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem}textarea.svelte-o2uuxo{min-height:100px}pre.svelte-o2uuxo{background:#f5f5f5;border-radius:4px;padding:1rem;overflow-x:auto}button.svelte-o2uuxo{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:4px;padding:.75rem 1.5rem}@media (max-width:768px){.grid.svelte-o2uuxo{grid-template-columns:1fr}}.container.svelte-mlh1az{max-width:1200px;font-family:var(--font-family);margin:0 auto;padding:2rem}.tool-main.svelte-mlh1az{flex-direction:column;gap:2rem;margin-bottom:4rem;display:flex}.card.svelte-mlh1az{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-mlh1az{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.icon-box.svelte-mlh1az{background:var(--bg-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:64px;height:64px;font-size:2.5rem;display:flex}.header-text.svelte-mlh1az h2:where(.svelte-mlh1az){color:var(--text-primary);margin:0;font-size:1.75rem}.header-text.svelte-mlh1az p:where(.svelte-mlh1az){color:var(--text-secondary);margin:0}.input-group.svelte-mlh1az{flex-direction:column;gap:1rem;display:flex}.input-wrapper.svelte-mlh1az{align-items:center;display:flex;position:relative}input.svelte-mlh1az{border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:1rem 1.5rem;font-size:1.1rem;transition:all .2s}input.svelte-mlh1az:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px var(--focus-ring);background:var(--surface-base);outline:none}.clear-btn.svelte-mlh1az{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;position:absolute;right:1rem}.button-row.svelte-mlh1az{gap:1rem;display:flex}.btn-primary.svelte-mlh1az,.btn-secondary.svelte-mlh1az{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-mlh1az{background:var(--interactive-primary);color:#fff;border:none;flex:2}.btn-primary.svelte-mlh1az:hover:not(:disabled){background:var(--interactive-primary-hover);transform:translateY(-1px)}.btn-secondary.svelte-mlh1az{background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-primary);flex:1}.btn-secondary.svelte-mlh1az:hover:not(:disabled){background:var(--bg-secondary)}.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-box.svelte-mlh1az{border-radius:var(--radius-md);color:#c53030;background:#fff5f5;border:1px solid #feb2b2;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.results-grid.svelte-mlh1az{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.result-card.svelte-mlh1az h3:where(.svelte-mlh1az){color:var(--interactive-primary);text-transform:uppercase;letter-spacing:.05em;margin-top:0;margin-bottom:1.5rem;font-size:1.1rem}.info-list.svelte-mlh1az{flex-direction:column;gap:1rem;display:flex}.info-row.svelte-mlh1az{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.info-row.svelte-mlh1az:last-child{border-bottom:none}.label.svelte-mlh1az{color:var(--text-secondary);font-size:.9rem}.value.svelte-mlh1az{color:var(--text-primary);font-weight:600}.flag.svelte-mlh1az{background:var(--bg-secondary);border-radius:4px;margin-left:.5rem;padding:.2rem .5rem;font-size:.8rem}.article-container.svelte-mlh1az{border-top:1px solid var(--border-primary);margin-top:4rem;padding-top:4rem}.article-section.svelte-mlh1az{margin-bottom:4rem}.article-section.svelte-mlh1az h2:where(.svelte-mlh1az){color:var(--text-primary);margin-bottom:1.5rem;font-size:2rem}.article-section.svelte-mlh1az p:where(.svelte-mlh1az){color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.features-grid.svelte-mlh1az{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card.svelte-mlh1az{background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;padding:2rem}.feature-icon.svelte-mlh1az{margin-bottom:1rem;font-size:2.5rem}.feature-card.svelte-mlh1az h3:where(.svelte-mlh1az){color:var(--text-primary);margin-bottom:1rem}.steps-container.svelte-mlh1az{flex-direction:column;gap:1.5rem;display:flex}.step.svelte-mlh1az{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-primary);gap:2rem;padding:2rem;display:flex}.step-number.svelte-mlh1az{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}.step-content.svelte-mlh1az h3:where(.svelte-mlh1az){margin-top:0;margin-bottom:.5rem}.faq-container.svelte-mlh1az{flex-direction:column;gap:1.5rem;display:flex}.faq-item.svelte-mlh1az{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}.faq-item.svelte-mlh1az h3:where(.svelte-mlh1az){color:var(--text-primary);margin-top:0;margin-bottom:1rem}.faq-item.svelte-mlh1az p:where(.svelte-mlh1az){margin-bottom:0}@media (max-width:768px){.container.svelte-mlh1az{padding:1rem}.button-row.svelte-mlh1az{flex-direction:column}.step.svelte-mlh1az{text-align:center;flex-direction:column;gap:1rem}.step-number.svelte-mlh1az{margin:0 auto}}.container.svelte-1nnop1a{max-width:100%;margin:0 auto;padding:2rem}h1.svelte-1nnop1a{font-size:2rem}.controls.svelte-1nnop1a{background:#fff;border:1px solid #ddd;border-radius:8px;margin:2rem 0;padding:1.5rem}input.svelte-1nnop1a{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem}.size-buttons.svelte-1nnop1a{flex-wrap:wrap;gap:.5rem;display:flex}.size-buttons.svelte-1nnop1a button:where(.svelte-1nnop1a){cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.5rem 1rem}.size-buttons.svelte-1nnop1a button.active:where(.svelte-1nnop1a){color:#fff;background:#0d6efd;border-color:#0d6efd}.preview.svelte-1nnop1a{background:#fff;border:1px solid #ddd;border-radius:8px;margin:2rem auto;overflow:hidden}.preview-header.svelte-1nnop1a{background:#f8f9fa;border-bottom:1px solid #ddd;padding:.75rem;font-weight:500}iframe.svelte-1nnop1a{border:none;width:100%;height:600px;display:block}.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{justify-content:center;align-items:center;min-height:70vh;padding:2rem;display:flex;position:relative;overflow:hidden}.not-found-content.svelte-pytmu5{text-align:center;z-index:2;max-width:700px;position:relative}.error-code.svelte-pytmu5{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:8rem;font-weight:900;line-height:1;display:flex}.digit.svelte-pytmu5{background:linear-gradient(135deg,var(--interactive-primary),var(--interactive-primary-hover));-webkit-text-fill-color:transparent;text-shadow:0 0 30px #00a6ff4d;-webkit-background-clip:text;background-clip:text;animation:2s ease-in-out infinite svelte-pytmu5-pulse}.digit.zero.svelte-pytmu5{animation:3s ease-in-out infinite svelte-pytmu5-rotate;display:inline-block}@keyframes svelte-pytmu5-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes svelte-pytmu5-rotate{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.error-title.svelte-pytmu5{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.error-description.svelte-pytmu5{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.action-buttons.svelte-pytmu5{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.action-buttons.svelte-pytmu5 button:where(.svelte-pytmu5){align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;display:flex}.action-buttons.svelte-pytmu5 .material-icons:where(.svelte-pytmu5){font-size:1.25rem}.suggestions.svelte-pytmu5{border-top:1px solid var(--border-primary);margin-top:3rem;padding-top:2rem}.suggestions.svelte-pytmu5 h2:where(.svelte-pytmu5){color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.tool-grid.svelte-pytmu5{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;max-width:600px;margin:0 auto;display:grid}.tool-card.svelte-pytmu5{background:var(--surface-base);border:1px solid var(--border-primary);cursor:pointer;box-shadow:var(--shadow-sm);color:inherit;border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;text-decoration:none;transition:all .3s;display:flex}.tool-card.svelte-pytmu5:hover{border-color:var(--interactive-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.tool-icon.svelte-pytmu5{color:var(--interactive-primary);font-size:2rem;transition:transform .3s}.tool-card.svelte-pytmu5:hover .tool-icon:where(.svelte-pytmu5){transform:scale(1.1)}.tool-name.svelte-pytmu5{color:var(--text-primary);font-size:.9rem;font-weight:600}.floating-shapes.svelte-pytmu5{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape.svelte-pytmu5{opacity:.1;border-radius:50%;animation:20s ease-in-out infinite svelte-pytmu5-float;position:absolute}.shape-1.svelte-pytmu5{background:linear-gradient(135deg,var(--interactive-primary),#60a5fa);width:300px;height:300px;animation-delay:0s;top:-150px;left:-150px}.shape-2.svelte-pytmu5{background:linear-gradient(135deg,#8b5cf6,var(--interactive-primary));width:200px;height:200px;animation-delay:5s;bottom:-100px;right:-100px}.shape-3.svelte-pytmu5{background:linear-gradient(135deg,#ec4899,var(--interactive-primary));width:150px;height:150px;animation-delay:10s;top:50%;right:10%}.shape-4.svelte-pytmu5{background:linear-gradient(135deg,var(--interactive-primary),#06b6d4);width:250px;height:250px;animation-delay:15s;bottom:20%;left:5%}@keyframes svelte-pytmu5-float{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(20px,-20px)rotate(90deg)}50%{transform:translate(-20px,20px)rotate(180deg)}75%{transform:translate(20px,20px)rotate(270deg)}}@media (max-width:768px){.error-code.svelte-pytmu5{gap:.5rem;font-size:5rem}.error-title.svelte-pytmu5{font-size:2rem}.error-description.svelte-pytmu5{font-size:1rem}.action-buttons.svelte-pytmu5{flex-direction:column;align-items:stretch}.action-buttons.svelte-pytmu5 button:where(.svelte-pytmu5){justify-content:center;width:100%}.tool-grid.svelte-pytmu5{grid-template-columns:repeat(2,1fr)}.shape.svelte-pytmu5{opacity:.05}}@media (max-width:480px){.error-code.svelte-pytmu5{font-size:4rem}.error-title.svelte-pytmu5{font-size:1.75rem}.tool-grid.svelte-pytmu5{grid-template-columns:1fr}}.container.svelte-18nqg0{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-18nqg0{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-18nqg0{grid-template-columns:300px 1fr}}.controls-section.svelte-18nqg0,.palette-section.svelte-18nqg0{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-18nqg0{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-18nqg0 label:where(.svelte-18nqg0){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.controls-panel.svelte-18nqg0{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:1.5rem;height:fit-content;padding:1.5rem;display:flex}.color-group.svelte-18nqg0 label:where(.svelte-18nqg0),.select-group.svelte-18nqg0 label:where(.svelte-18nqg0){color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.color-input-wrapper.svelte-18nqg0{gap:.5rem;display:flex}.color-picker.svelte-18nqg0{border:1px solid var(--border-secondary);cursor:pointer;border-radius:6px;width:50px;height:40px;padding:0}.color-text.svelte-18nqg0{border:1px solid var(--border-secondary);font-family:var(--font-mono);color:var(--text-primary);border-radius:6px;flex:1;padding:.5rem}.select-input.svelte-18nqg0{border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;padding:.75rem;font-size:.95rem}.palette-grid.svelte-18nqg0{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;display:grid}.color-card.svelte-18nqg0{aspect-ratio:1;box-shadow:var(--shadow-md);border-radius:12px;align-items:flex-end;padding:1rem;transition:transform .2s;display:flex;position:relative}.color-card.svelte-18nqg0:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.color-info.svelte-18nqg0{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.75rem;display:flex}.color-hex.svelte-18nqg0{font-family:var(--font-mono);color:#1a202c;font-size:.9rem;font-weight:600}.btn-copy-color.svelte-18nqg0{cursor:pointer;color:#718096;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex}.btn-copy-color.svelte-18nqg0:hover{color:var(--interactive-primary)}.btn-copy-all.svelte-18nqg0{background:var(--bg-secondary);border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-copy-all.svelte-18nqg0:hover{background:var(--surface-base);color:var(--interactive-primary);border-color:var(--interactive-primary)}@keyframes svelte-18nqg0-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-18nqg0{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-18nqg0{margin-bottom:3rem}.article-section.svelte-18nqg0 h2:where(.svelte-18nqg0){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-18nqg0 p:where(.svelte-18nqg0){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-18nqg0{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-18nqg0{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-18nqg0{margin-bottom:1rem;font-size:2rem}.feature.svelte-18nqg0 h3:where(.svelte-18nqg0){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-18nqg0{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-18nqg0{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-18nqg0{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-18nqg0 h3:where(.svelte-18nqg0){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-18nqg0{margin-top:1.5rem}.faq-category.svelte-18nqg0{margin-bottom:2rem}.faq-category.svelte-18nqg0 h3:where(.svelte-18nqg0){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-18nqg0{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-18nqg0 h4:where(.svelte-18nqg0){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-18nqg0{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-18nqg0 h2:where(.svelte-18nqg0){color:#fff;border-bottom:none}.cta-section.svelte-18nqg0 p:where(.svelte-18nqg0){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-18nqg0{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-18nqg0{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-18nqg0:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-18nqg0{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-18nqg0,.article-container.svelte-18nqg0{padding:1rem}.tool-main.svelte-18nqg0,.features-grid.svelte-18nqg0{grid-template-columns:1fr}.step.svelte-18nqg0{text-align:center;flex-direction:column}}.container.svelte-mog9vb{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-mog9vb{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-mog9vb{grid-template-columns:1fr 1fr}}.controls-section.svelte-mog9vb,.preview-section.svelte-mog9vb{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-mog9vb{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-mog9vb label:where(.svelte-mog9vb){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.controls-panel.svelte-mog9vb{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.color-group.svelte-mog9vb label:where(.svelte-mog9vb),.select-group.svelte-mog9vb label:where(.svelte-mog9vb){color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.color-input-wrapper.svelte-mog9vb{gap:.5rem;display:flex}.color-picker.svelte-mog9vb{border:1px solid var(--border-secondary);cursor:pointer;border-radius:6px;width:50px;height:40px;padding:0}.color-text.svelte-mog9vb{border:1px solid var(--border-secondary);font-family:var(--font-mono);color:var(--text-primary);border-radius:6px;flex:1;padding:.5rem}.select-input.svelte-mog9vb{border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;padding:.75rem;font-size:.95rem}.slider-group.svelte-mog9vb{flex-direction:column;gap:.5rem;display:flex}.slider-header.svelte-mog9vb{justify-content:space-between;align-items:center;display:flex}.slider-header.svelte-mog9vb label:where(.svelte-mog9vb){color:var(--text-secondary);font-size:.9rem;font-weight:600}.value-badge.svelte-mog9vb{color:var(--interactive-primary);border:1px solid var(--border-secondary);text-align:center;background:#fff;border-radius:4px;min-width:40px;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.slider.svelte-mog9vb{background:var(--border-secondary);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.slider.svelte-mog9vb::-webkit-slider-thumb{-webkit-appearance:none;background:var(--interactive-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s}.slider.svelte-mog9vb::-webkit-slider-thumb:hover{transform:scale(1.1)}.preview-box.svelte-mog9vb{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;justify-content:center;align-items:center;height:300px;padding:1rem;display:flex}.gradient-preview.svelte-mog9vb{width:100%;height:100%;box-shadow:var(--shadow-md);border-radius:8px}.code-block.svelte-mog9vb{color:#e2e8f0;background:#1a202c;border-radius:8px;padding:1rem;font-family:monospace;position:relative}.code-header.svelte-mog9vb{color:#a0aec0;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;display:flex}.btn-copy-sm.svelte-mog9vb{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;transition:background .2s}.btn-copy-sm.svelte-mog9vb:hover{background:#fff3}@keyframes svelte-mog9vb-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-mog9vb{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-mog9vb{margin-bottom:3rem}.article-section.svelte-mog9vb h2:where(.svelte-mog9vb){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-mog9vb p:where(.svelte-mog9vb){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-mog9vb{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-mog9vb{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-mog9vb{margin-bottom:1rem;font-size:2rem}.feature.svelte-mog9vb h3:where(.svelte-mog9vb){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-mog9vb{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-mog9vb{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-mog9vb{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-mog9vb h3:where(.svelte-mog9vb){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-mog9vb{margin-top:1.5rem}.faq-category.svelte-mog9vb{margin-bottom:2rem}.faq-category.svelte-mog9vb h3:where(.svelte-mog9vb){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-mog9vb{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-mog9vb h4:where(.svelte-mog9vb){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-mog9vb{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-mog9vb h2:where(.svelte-mog9vb){color:#fff;border-bottom:none}.cta-section.svelte-mog9vb p:where(.svelte-mog9vb){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-mog9vb{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-mog9vb{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-mog9vb:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-mog9vb{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-mog9vb,.article-container.svelte-mog9vb{padding:1rem}.tool-main.svelte-mog9vb,.features-grid.svelte-mog9vb{grid-template-columns:1fr}.step.svelte-mog9vb{text-align:center;flex-direction:column}}.container.svelte-t9m4uf{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-t9m4uf{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-t9m4uf{grid-template-columns:1fr 1fr}}.controls-section.svelte-t9m4uf,.preview-section.svelte-t9m4uf{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-t9m4uf{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-t9m4uf .label-text:where(.svelte-t9m4uf){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.controls-panel.svelte-t9m4uf{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.slider-group.svelte-t9m4uf{flex-direction:column;gap:.5rem;display:flex}.slider-header.svelte-t9m4uf{justify-content:space-between;align-items:center;display:flex}.slider-header.svelte-t9m4uf label:where(.svelte-t9m4uf){color:var(--text-secondary);font-size:.9rem;font-weight:600}.value-badge.svelte-t9m4uf{color:var(--interactive-primary);border:1px solid var(--border-secondary);text-align:center;background:#fff;border-radius:4px;min-width:40px;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.slider.svelte-t9m4uf{background:var(--border-secondary);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.slider.svelte-t9m4uf::-webkit-slider-thumb{-webkit-appearance:none;background:var(--interactive-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s}.slider.svelte-t9m4uf::-webkit-slider-thumb:hover{transform:scale(1.1)}.color-group.svelte-t9m4uf label:where(.svelte-t9m4uf){color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.color-input-wrapper.svelte-t9m4uf{gap:.5rem;display:flex}.color-picker.svelte-t9m4uf{border:1px solid var(--border-secondary);cursor:pointer;border-radius:6px;width:50px;height:40px;padding:0}.color-text.svelte-t9m4uf{border:1px solid var(--border-secondary);font-family:var(--font-mono);color:var(--text-primary);border-radius:6px;flex:1;padding:.5rem}.checkbox-option.svelte-t9m4uf{cursor:pointer;color:var(--text-primary);align-items:center;gap:.75rem;font-weight:600;display:flex}.checkbox-option.svelte-t9m4uf input[type=checkbox]:where(.svelte-t9m4uf){width:1.2em;height:1.2em;accent-color:var(--interactive-primary)}.preview-box.svelte-t9m4uf{background:var(--bg-secondary);border:1px solid var(--border-primary);background-image:radial-gradient(#e5e7eb 1px,#0000 1px);background-size:20px 20px;border-radius:12px;justify-content:center;align-items:center;height:300px;display:flex}.preview-element.svelte-t9m4uf{background:#fff;border-radius:12px;width:150px;height:150px;transition:box-shadow .2s}.code-block.svelte-t9m4uf{color:#e2e8f0;background:#1a202c;border-radius:8px;padding:1rem;font-family:monospace;position:relative}.code-header.svelte-t9m4uf{color:#a0aec0;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;display:flex}.btn-copy-sm.svelte-t9m4uf{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;transition:background .2s}.btn-copy-sm.svelte-t9m4uf:hover{background:#fff3}.notification.svelte-t9m4uf{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-t9m4uf-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-t9m4uf-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-t9m4uf{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-t9m4uf{margin-bottom:3rem}.article-section.svelte-t9m4uf h2:where(.svelte-t9m4uf){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-t9m4uf p:where(.svelte-t9m4uf){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-t9m4uf{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-t9m4uf{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-t9m4uf{margin-bottom:1rem;font-size:2rem}.feature.svelte-t9m4uf h3:where(.svelte-t9m4uf){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-t9m4uf{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-t9m4uf{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-t9m4uf{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-t9m4uf h3:where(.svelte-t9m4uf){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-t9m4uf{margin-top:1.5rem}.faq-category.svelte-t9m4uf{margin-bottom:2rem}.faq-category.svelte-t9m4uf h3:where(.svelte-t9m4uf){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-t9m4uf{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-t9m4uf h4:where(.svelte-t9m4uf){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-t9m4uf{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-t9m4uf h2:where(.svelte-t9m4uf){color:#fff;border-bottom:none}.cta-section.svelte-t9m4uf p:where(.svelte-t9m4uf){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-t9m4uf{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-t9m4uf{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-t9m4uf:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-t9m4uf{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-t9m4uf,.article-container.svelte-t9m4uf{padding:1rem}.tool-main.svelte-t9m4uf,.features-grid.svelte-t9m4uf{grid-template-columns:1fr}.step.svelte-t9m4uf{text-align:center;flex-direction:column}}.container.svelte-jmdcwa{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-jmdcwa{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-jmdcwa{grid-template-columns:1fr 1fr}}.controls-section.svelte-jmdcwa,.preview-section.svelte-jmdcwa{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-jmdcwa{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-jmdcwa .label-text:where(.svelte-jmdcwa){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.controls-panel.svelte-jmdcwa{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.checkbox-option.svelte-jmdcwa{cursor:pointer;color:var(--text-primary);align-items:center;gap:.75rem;font-weight:600;display:flex}.checkbox-option.svelte-jmdcwa input[type=checkbox]:where(.svelte-jmdcwa){width:1.2em;height:1.2em;accent-color:var(--interactive-primary)}.slider-group.svelte-jmdcwa{flex-direction:column;gap:.5rem;display:flex}.slider-header.svelte-jmdcwa{justify-content:space-between;align-items:center;display:flex}.slider-header.svelte-jmdcwa label:where(.svelte-jmdcwa){color:var(--text-secondary);font-size:.9rem;font-weight:600}.value-badge.svelte-jmdcwa{color:var(--interactive-primary);border:1px solid var(--border-secondary);text-align:center;background:#fff;border-radius:4px;min-width:40px;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.slider.svelte-jmdcwa{background:var(--border-secondary);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.slider.svelte-jmdcwa::-webkit-slider-thumb{-webkit-appearance:none;background:var(--interactive-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s}.slider.svelte-jmdcwa::-webkit-slider-thumb:hover{transform:scale(1.1)}.presets.svelte-jmdcwa .label-text:where(.svelte-jmdcwa){color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.preset-buttons.svelte-jmdcwa{flex-wrap:wrap;gap:.5rem;display:flex}.preset-buttons.svelte-jmdcwa button:where(.svelte-jmdcwa){border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.preset-buttons.svelte-jmdcwa button:where(.svelte-jmdcwa):hover{border-color:var(--interactive-primary);color:var(--interactive-primary)}.preview-box.svelte-jmdcwa{background:var(--bg-secondary);border:1px solid var(--border-primary);background-image:radial-gradient(#e5e7eb 1px,#0000 1px);background-size:20px 20px;border-radius:12px;justify-content:center;align-items:center;height:300px;display:flex}.preview-element.svelte-jmdcwa{background:linear-gradient(135deg,var(--interactive-primary),#8b5cf6);width:150px;height:150px;transition:border-radius .2s;box-shadow:0 10px 25px #0000001a}.code-block.svelte-jmdcwa{color:#e2e8f0;background:#1a202c;border-radius:8px;padding:1rem;font-family:monospace;position:relative}.code-header.svelte-jmdcwa{color:#a0aec0;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;display:flex}.btn-copy-sm.svelte-jmdcwa{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;transition:background .2s}.btn-copy-sm.svelte-jmdcwa:hover{background:#fff3}.notification.svelte-jmdcwa{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-jmdcwa-slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes svelte-jmdcwa-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.article-container.svelte-jmdcwa{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-jmdcwa{margin-bottom:3rem}.article-section.svelte-jmdcwa h2:where(.svelte-jmdcwa){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-jmdcwa p:where(.svelte-jmdcwa){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-jmdcwa{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-jmdcwa{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-jmdcwa{margin-bottom:1rem;font-size:2rem}.feature.svelte-jmdcwa h3:where(.svelte-jmdcwa){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-jmdcwa{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-jmdcwa{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-jmdcwa{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-jmdcwa h3:where(.svelte-jmdcwa){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-jmdcwa{margin-top:1.5rem}.faq-category.svelte-jmdcwa{margin-bottom:2rem}.faq-category.svelte-jmdcwa h3:where(.svelte-jmdcwa){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-jmdcwa{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-jmdcwa h4:where(.svelte-jmdcwa){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-jmdcwa{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-jmdcwa h2:where(.svelte-jmdcwa){color:#fff;border-bottom:none}.cta-section.svelte-jmdcwa p:where(.svelte-jmdcwa){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-jmdcwa{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-jmdcwa{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-jmdcwa:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-jmdcwa{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-jmdcwa,.article-container.svelte-jmdcwa{padding:1rem}.tool-main.svelte-jmdcwa,.features-grid.svelte-jmdcwa{grid-template-columns:1fr}.step.svelte-jmdcwa{text-align:center;flex-direction:column}}.tool-container.svelte-15v41oh{max-width:900px;margin:0 auto;padding:1rem}.main-grid.svelte-15v41oh{grid-template-columns:350px 1fr;align-items:start;gap:3rem;display:grid}@media (max-width:800px){.main-grid.svelte-15v41oh{grid-template-columns:1fr}}.config-section.svelte-15v41oh{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:2rem}.form-group.svelte-15v41oh{margin-bottom:1.5rem}.form-group.svelte-15v41oh label:where(.svelte-15v41oh){color:#444;margin-bottom:.5rem;font-weight:500;display:block}input[type=text].svelte-15v41oh{text-align:center;border:1px solid #dee2e6;border-radius:6px;width:100%;padding:.75rem;font-size:1.2rem}input[type=color].svelte-15v41oh{cursor:pointer;border:none;border-radius:6px;width:100%;height:50px;padding:0}.row.svelte-15v41oh{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.shape-options.svelte-15v41oh{gap:.5rem;display:flex}.shape-options.svelte-15v41oh button:where(.svelte-15v41oh){cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;flex:1;padding:.5rem}.shape-options.svelte-15v41oh button.active:where(.svelte-15v41oh){color:#fff;background:#0d6efd;border-color:#0d6efd}.canvas-wrapper.svelte-15v41oh{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;justify-content:center;padding:2rem;display:flex;box-shadow:inset 0 0 20px #0000000d}canvas.svelte-15v41oh{max-width:100%;height:auto;box-shadow:0 10px 20px #0000001a}.preview-label.svelte-15v41oh{text-align:center;color:#999;margin-top:1rem}.download-buttons.svelte-15v41oh{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.download-buttons.svelte-15v41oh button:where(.svelte-15v41oh){color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;padding:.75rem;font-weight:500}.download-buttons.svelte-15v41oh button:where(.svelte-15v41oh):hover{background:#0b5ed7}.documentation-section.svelte-15v41oh{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-15v41oh{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-15v41oh button:where(.svelte-15v41oh){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-15v41oh button.active:where(.svelte-15v41oh){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-15v41oh{padding:1.5rem}.doc-panel.svelte-15v41oh h3:where(.svelte-15v41oh){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-15v41oh p:where(.svelte-15v41oh){color:#666;margin-bottom:1.5rem;line-height:1.6}.simple-grid.svelte-15v41oh{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-15v41oh{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-15v41oh h4:where(.svelte-15v41oh){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-15v41oh{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-15v41oh{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-15v41oh{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.features-grid.svelte-15v41oh{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.feature-item.svelte-15v41oh{text-align:center;background:#f8f9fa;border-radius:6px;padding:1rem}.feature-icon.svelte-15v41oh{margin-bottom:.5rem;font-size:2rem;display:block}.faq-list.svelte-15v41oh{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-15v41oh{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-15v41oh h4:where(.svelte-15v41oh){color:#333;margin:0 0 .5rem}.faq-item.svelte-15v41oh p:where(.svelte-15v41oh){margin:0;font-size:.95rem}.tool-container.svelte-tdik4l{max-width:1000px;margin:0 auto;padding:1rem}.main-grid.svelte-tdik4l{grid-template-columns:1fr 300px;gap:2rem;display:grid}@media (max-width:800px){.main-grid.svelte-tdik4l{grid-template-columns:1fr}}.editor-section.svelte-tdik4l{background-color:#f0f0f0;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ccc;border-radius:8px;height:400px;position:relative}.work-area.svelte-tdik4l{background:linear-gradient(135deg,#0d6efd,#0dcaf0);width:100%;height:100%;transition:clip-path .1s}.handles-overlay.svelte-tdik4l{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.handle.svelte-tdik4l{cursor:move;pointer-events:auto;background:#fff;border:3px solid #0d6efd;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.handle.svelte-tdik4l:hover{transform:translate(-50%,-50%)scale(1.2)}.controls-section.svelte-tdik4l{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.presets.svelte-tdik4l h2:where(.svelte-tdik4l),.output.svelte-tdik4l h2:where(.svelte-tdik4l){color:#333;margin-bottom:1rem;font-size:1.1rem}.preset-buttons.svelte-tdik4l{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:2rem;display:grid}.preset-buttons.svelte-tdik4l button:where(.svelte-tdik4l){cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:.5rem}.preset-buttons.svelte-tdik4l button:where(.svelte-tdik4l):hover{background:#f8f9fa;border-color:#0d6efd}.actions.svelte-tdik4l{gap:.5rem;margin-bottom:2rem;display:flex}.actions.svelte-tdik4l button:where(.svelte-tdik4l){cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;flex:1;padding:.75rem}.code-box.svelte-tdik4l{word-break:break-all;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-bottom:.5rem;padding:1rem;font-family:monospace;font-size:.9rem}.copy-btn.svelte-tdik4l{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;width:100%;padding:.75rem;font-weight:500}.copy-btn.svelte-tdik4l:hover{background:#0b5ed7}.documentation-section.svelte-tdik4l{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-tdik4l{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-tdik4l button:where(.svelte-tdik4l){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-tdik4l button.active:where(.svelte-tdik4l){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-tdik4l{padding:1.5rem}.doc-panel.svelte-tdik4l h3:where(.svelte-tdik4l){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-tdik4l p:where(.svelte-tdik4l){color:#666;margin-bottom:1.5rem;line-height:1.6}.simple-grid.svelte-tdik4l{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-tdik4l{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-tdik4l h4:where(.svelte-tdik4l){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-tdik4l{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-tdik4l{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-tdik4l{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.features-grid.svelte-tdik4l{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.feature-item.svelte-tdik4l{text-align:center;background:#f8f9fa;border-radius:6px;padding:1rem}.feature-icon.svelte-tdik4l{margin-bottom:.5rem;font-size:2rem;display:block}.faq-list.svelte-tdik4l{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-tdik4l{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-tdik4l h4:where(.svelte-tdik4l){color:#333;margin:0 0 .5rem}.faq-item.svelte-tdik4l p:where(.svelte-tdik4l){margin:0;font-size:.95rem}.container.svelte-1szohre{max-width:900px;margin:0 auto;padding:2rem}.header.svelte-1szohre{text-align:center;margin-bottom:2rem}.header.svelte-1szohre h1:where(.svelte-1szohre){color:#333;margin-bottom:.5rem;font-size:2rem}.header.svelte-1szohre p:where(.svelte-1szohre){color:#666;font-size:1.1rem}.upload-section.svelte-1szohre{margin:2rem 0;position:relative}input[type=file].svelte-1szohre{cursor:pointer;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;width:100%;padding:3rem 1rem;transition:all .2s}input[type=file].svelte-1szohre:hover{background:#e7f1ff;border-color:#0d6efd}.upload-hint.svelte-1szohre{text-align:center;pointer-events:none;color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-hint.svelte-1szohre .small:where(.svelte-1szohre){color:#999;margin-top:.5rem;font-size:.85rem}.controls.svelte-1szohre{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin:1rem 0;padding:1.5rem}.controls.svelte-1szohre label:where(.svelte-1szohre){color:#666;margin-bottom:.5rem;font-weight:500;display:block}input[type=range].svelte-1szohre{width:100%;margin-bottom:.5rem}.hint.svelte-1szohre{color:#999;margin:0;font-size:.85rem}.results.svelte-1szohre{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0;display:grid}.stat.svelte-1szohre{text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.stat.highlight.svelte-1szohre{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.label.svelte-1szohre{opacity:.8;margin-bottom:.5rem;font-size:.85rem}.value.svelte-1szohre{font-size:1.5rem;font-weight:700}.preview.svelte-1szohre{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin:1rem 0;padding:1.5rem}.preview.svelte-1szohre h3:where(.svelte-1szohre){color:#333;margin-top:0;margin-bottom:1rem}.preview.svelte-1szohre img:where(.svelte-1szohre){border-radius:4px;max-width:100%;height:auto;margin:0 auto;display:block}.download-btn.svelte-1szohre{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background .2s}.download-btn.svelte-1szohre:hover{background:#0b5ed7}.documentation-section.svelte-1szohre{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-1szohre{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-1szohre button:where(.svelte-1szohre){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500}.doc-tabs.svelte-1szohre button.active:where(.svelte-1szohre){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-1szohre{padding:1.5rem}.doc-panel.svelte-1szohre h2:where(.svelte-1szohre){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-1szohre p:where(.svelte-1szohre){color:#666;margin-bottom:1.5rem;line-height:1.6}.doc-panel.svelte-1szohre ul:where(.svelte-1szohre){color:#666;padding-left:1.5rem;line-height:1.8}.doc-panel.svelte-1szohre li:where(.svelte-1szohre){margin-bottom:.75rem}.simple-grid.svelte-1szohre{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-1szohre{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-1szohre h3:where(.svelte-1szohre){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-1szohre{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-1szohre{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-1szohre{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.faq-list.svelte-1szohre{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-1szohre{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-1szohre h3:where(.svelte-1szohre){color:#333;margin:0 0 .5rem}.faq-item.svelte-1szohre p:where(.svelte-1szohre){margin:0;font-size:.95rem}@media (max-width:768px){.results.svelte-1szohre{grid-template-columns:1fr}}.container.svelte-rnwtlq{max-width:1000px;margin:0 auto;padding:2rem}h1.svelte-rnwtlq{margin-bottom:.5rem;font-size:2rem}.input-section.svelte-rnwtlq{gap:1rem;margin:2rem 0;display:flex}input.svelte-rnwtlq{border:1px solid #ddd;border-radius:4px;flex:1;padding:.75rem}button.svelte-rnwtlq{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:4px;padding:.75rem 1.5rem}.thumbnails-grid.svelte-rnwtlq{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.thumb-card.svelte-rnwtlq{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.thumb-card.svelte-rnwtlq img:where(.svelte-rnwtlq){width:100%;display:block}.thumb-info.svelte-rnwtlq{padding:1rem}.thumb-name.svelte-rnwtlq{color:#333;margin-bottom:.75rem;font-weight:500}.thumb-info.svelte-rnwtlq button:where(.svelte-rnwtlq){width:100%}.container.svelte-waibs6{max-width:1000px;font-family:var(--font-family);margin:0 auto;padding:2rem 1rem}.tool-header.svelte-waibs6{text-align:center;margin-bottom:3rem}.tool-header.svelte-waibs6 h1:where(.svelte-waibs6){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.tool-header.svelte-waibs6 p:where(.svelte-waibs6){color:var(--text-secondary);font-size:1.1rem}.main-card.svelte-waibs6{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem}.upload-area.svelte-waibs6{border:2px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;background:var(--bg-secondary);cursor:pointer;margin-bottom:2rem;padding:3rem;transition:all .3s}.upload-area.svelte-waibs6:hover,.upload-area.dragover.svelte-waibs6{border-color:var(--interactive-primary);background:var(--blue-50)}.upload-icon.svelte-waibs6{color:var(--interactive-primary);margin-bottom:1rem}.upload-label.svelte-waibs6 h3:where(.svelte-waibs6){color:var(--text-primary);margin:.5rem 0}.upload-label.svelte-waibs6 p:where(.svelte-waibs6){color:var(--text-tertiary);font-size:.9rem}.progress-container.svelte-waibs6{text-align:center;margin-bottom:2rem}.progress-bar.svelte-waibs6{background:var(--gray-200);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill.svelte-waibs6{background:var(--interactive-primary);height:100%;transition:width .3s}.settings-grid.svelte-waibs6{background:var(--bg-secondary);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:grid}.setting-item.svelte-waibs6 label:where(.svelte-waibs6){color:var(--text-primary);margin-bottom:.75rem;font-weight:600;display:block}input[type=range].svelte-waibs6{width:100%;accent-color:var(--interactive-primary)}select.svelte-waibs6{border:1px solid var(--border-primary);border-radius:var(--radius);background:var(--white);width:100%;padding:.75rem}.results-header.svelte-waibs6{border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-top:1.5rem;display:flex}.results-header.svelte-waibs6 h2:where(.svelte-waibs6){color:var(--text-primary);margin:0;font-size:1.25rem}.actions.svelte-waibs6{gap:1rem;display:flex}.table-container.svelte-waibs6{overflow-x:auto}table.svelte-waibs6{border-collapse:collapse;width:100%}th.svelte-waibs6{text-align:left;border-bottom:2px solid var(--border-primary);color:var(--text-secondary);padding:1rem;font-weight:600}td.svelte-waibs6{border-bottom:1px solid var(--border-primary);color:var(--text-primary);padding:1rem;font-size:.95rem}.savings.svelte-waibs6{color:var(--success);font-weight:700}.row-actions.svelte-waibs6{gap:.5rem;display:flex}.icon-btn.svelte-waibs6{background:var(--bg-secondary);border:1px solid var(--border-primary);cursor:pointer;color:var(--text-secondary);border-radius:4px;padding:.5rem;transition:all .2s}.icon-btn.svelte-waibs6:hover{background:var(--blue-100);color:var(--interactive-primary);border-color:var(--interactive-primary)}.icon-btn.delete.svelte-waibs6:hover{color:var(--error);border-color:var(--error);background:#fee2e2}.btn-primary.svelte-waibs6{background:var(--interactive-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600}.btn-secondary.svelte-waibs6{background:var(--white);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius);cursor:pointer;padding:.75rem 1.5rem;font-weight:600}.article-container.svelte-waibs6{margin-top:4rem}.article-section.svelte-waibs6{margin-bottom:3rem}.features-grid.svelte-waibs6{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.feature-card.svelte-waibs6{background:var(--bg-secondary);border-radius:var(--radius);text-align:center;padding:2rem}.feature-card.svelte-waibs6 .icon:where(.svelte-waibs6){margin-bottom:1rem;font-size:2.5rem}.steps-list.svelte-waibs6{padding-left:1.5rem}.steps-list.svelte-waibs6 li:where(.svelte-waibs6){color:var(--text-secondary);margin-bottom:1rem}@media (max-width:768px){.settings-grid.svelte-waibs6{grid-template-columns:1fr}.results-header.svelte-waibs6{flex-direction:column;align-items:flex-start;gap:1rem}.actions.svelte-waibs6{width:100%}.actions.svelte-waibs6 button:where(.svelte-waibs6){flex:1}}.container.svelte-rdkqoq{max-width:1000px;font-family:var(--font-family);margin:0 auto;padding:2rem 1rem}.tool-header.svelte-rdkqoq{text-align:center;margin-bottom:3rem}.tool-header.svelte-rdkqoq h1:where(.svelte-rdkqoq){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.tool-header.svelte-rdkqoq p:where(.svelte-rdkqoq){color:var(--text-secondary);font-size:1.1rem}.main-card.svelte-rdkqoq{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;min-height:400px;padding:2rem;display:flex}.upload-area.svelte-rdkqoq{border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;transition:all .3s;display:flex}.upload-area.svelte-rdkqoq:hover,.upload-area.dragover.svelte-rdkqoq{border-color:var(--interactive-primary);background:var(--blue-50)}.upload-label.svelte-rdkqoq{text-align:center;cursor:pointer}.upload-icon.svelte-rdkqoq{color:var(--interactive-primary);margin-bottom:1rem}.editor-layout.svelte-rdkqoq{flex-direction:column;gap:2rem;display:flex}.preview-container.svelte-rdkqoq{border-radius:var(--radius);border:1px solid var(--border-primary);background:#f0f0f0;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}canvas.svelte-rdkqoq{object-fit:contain;max-width:100%;max-height:600px}.loading-overlay.svelte-rdkqoq{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 var(--gray-200);border-top-color:var(--interactive-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite svelte-rdkqoq-spin}@keyframes svelte-rdkqoq-spin{to{transform:rotate(360deg)}}.controls-panel.svelte-rdkqoq{background:var(--bg-secondary);border-radius:var(--radius);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.control-group.svelte-rdkqoq .label-text:where(.svelte-rdkqoq){margin-bottom:.5rem;font-weight:600;display:block}.label-row.svelte-rdkqoq{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.value.svelte-rdkqoq{background:var(--interactive-primary);color:#fff;border-radius:4px;padding:.2rem .6rem;font-size:.85rem;font-weight:700}input[type=range].svelte-rdkqoq{width:100%;accent-color:var(--interactive-primary)}.action-buttons.svelte-rdkqoq{gap:1rem;display:flex}.btn-primary.svelte-rdkqoq,.btn-secondary.svelte-rdkqoq{border-radius:var(--radius);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-rdkqoq{background:var(--interactive-primary);color:#fff;border:none}.btn-primary.svelte-rdkqoq:hover{background:var(--interactive-primary-hover)}.btn-secondary.svelte-rdkqoq{color:var(--text-primary);border:1px solid var(--border-primary);background:#fff}.btn-secondary.svelte-rdkqoq:hover{background:var(--gray-50);border-color:var(--border-strong)}.article-container.svelte-rdkqoq{margin-top:4rem}.article-section.svelte-rdkqoq{margin-bottom:3rem}.features-grid.svelte-rdkqoq{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.feature-card.svelte-rdkqoq,.icon-card.svelte-rdkqoq{background:var(--bg-secondary);border-radius:var(--radius);text-align:center;padding:2rem}.feature-card.svelte-rdkqoq .icon:where(.svelte-rdkqoq),.icon-card.svelte-rdkqoq .icon:where(.svelte-rdkqoq){margin-bottom:1rem;font-size:2.5rem}.steps-grid.svelte-rdkqoq{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.step.svelte-rdkqoq{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.step-num.svelte-rdkqoq{background:var(--interactive-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}@media (min-width:768px){.editor-layout.svelte-rdkqoq{flex-direction:row;align-items:flex-start}.preview-container.svelte-rdkqoq{flex:1}.controls-panel.svelte-rdkqoq{width:300px}.action-buttons.svelte-rdkqoq{flex-direction:column}}.container.svelte-yzlmdc{max-width:1100px;font-family:var(--font-family);margin:0 auto;padding:2rem 1rem}.tool-header.svelte-yzlmdc{text-align:center;margin-bottom:3rem}.tool-header.svelte-yzlmdc h1:where(.svelte-yzlmdc){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.tool-header.svelte-yzlmdc p:where(.svelte-yzlmdc){color:var(--text-secondary);font-size:1.1rem}.main-card.svelte-yzlmdc{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:500px;padding:2rem}.upload-area.svelte-yzlmdc{border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;justify-content:center;align-items:center;height:400px;transition:all .3s;display:flex}.upload-area.svelte-yzlmdc:hover,.upload-area.dragover.svelte-yzlmdc{border-color:var(--interactive-primary);background:var(--blue-50)}.upload-label.svelte-yzlmdc{text-align:center;cursor:pointer}.upload-icon.svelte-yzlmdc{color:var(--interactive-primary);margin-bottom:1rem}.editor-layout.svelte-yzlmdc{flex-direction:column;gap:2rem;display:flex}.cropper-container.svelte-yzlmdc{border-radius:var(--radius);border:1px solid var(--border-primary);background:#f8f9fa;flex:1;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex;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;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:#ffffff4d;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{border:2px solid var(--interactive-primary);background:#fff;border-radius:50%;width:12px;height:12px;position:absolute}.tl.svelte-yzlmdc{cursor:nwse-resize;top:-6px;left:-6px}.tr.svelte-yzlmdc{cursor:nesw-resize;top:-6px;right:-6px}.bl.svelte-yzlmdc{cursor:nesw-resize;bottom:-6px;left:-6px}.br.svelte-yzlmdc{cursor:nwse-resize;bottom:-6px;right:-6px}.controls-panel.svelte-yzlmdc{background:var(--bg-secondary);border-radius:var(--radius);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.ratio-buttons.svelte-yzlmdc{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.ratio-buttons.svelte-yzlmdc button:where(.svelte-yzlmdc){border:1px solid var(--border-primary);cursor:pointer;background:#fff;border-radius:4px;padding:.6rem;font-weight:500;transition:all .2s}.ratio-buttons.svelte-yzlmdc button.active:where(.svelte-yzlmdc){background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}.info-group.svelte-yzlmdc{border-radius:var(--radius);border:1px solid var(--border-primary);background:#fff;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;display:grid}.info-item.svelte-yzlmdc{flex-direction:column;display:flex}.info-item.svelte-yzlmdc span:where(.svelte-yzlmdc){color:var(--text-tertiary);text-transform:uppercase;font-size:.75rem}.info-item.svelte-yzlmdc strong:where(.svelte-yzlmdc){color:var(--text-primary);font-size:1.1rem}.action-buttons.svelte-yzlmdc{gap:1rem;display:flex}.btn-primary.svelte-yzlmdc,.btn-secondary.svelte-yzlmdc{border-radius:var(--radius);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-yzlmdc{background:var(--interactive-primary);color:#fff;border:none}.btn-secondary.svelte-yzlmdc{color:var(--text-primary);border:1px solid var(--border-primary);background:#fff}.article-container.svelte-yzlmdc{margin-top:4rem}.article-section.svelte-yzlmdc{margin-bottom:3rem}.features-grid.svelte-yzlmdc{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.feature-card.svelte-yzlmdc{background:var(--bg-secondary);border-radius:var(--radius);text-align:center;padding:2rem}.feature-card.svelte-yzlmdc .icon:where(.svelte-yzlmdc){margin-bottom:1rem;font-size:2.5rem}.steps-list.svelte-yzlmdc{padding-left:1.5rem}.steps-list.svelte-yzlmdc li:where(.svelte-yzlmdc){color:var(--text-secondary);margin-bottom:1rem}@media (min-width:900px){.editor-layout.svelte-yzlmdc{flex-direction:row;align-items:flex-start}.cropper-container.svelte-yzlmdc{flex:1}.controls-panel.svelte-yzlmdc{width:300px}.action-buttons.svelte-yzlmdc{flex-direction:column}}.container.svelte-oz1ty9{max-width:1000px;font-family:var(--font-family);margin:0 auto;padding:2rem 1rem}.tool-header.svelte-oz1ty9{text-align:center;margin-bottom:3rem}.tool-header.svelte-oz1ty9 h1:where(.svelte-oz1ty9){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.tool-header.svelte-oz1ty9 p:where(.svelte-oz1ty9){color:var(--text-secondary);font-size:1.1rem}.main-card.svelte-oz1ty9{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;min-height:400px;padding:2rem;display:flex}.upload-area.svelte-oz1ty9{border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;transition:all .3s;display:flex}.upload-area.svelte-oz1ty9:hover,.upload-area.dragover.svelte-oz1ty9{border-color:var(--interactive-primary);background:var(--blue-50)}.upload-label.svelte-oz1ty9{text-align:center;cursor:pointer}.upload-icon.svelte-oz1ty9{color:var(--interactive-primary);margin-bottom:1rem}.editor-layout.svelte-oz1ty9{flex-direction:column;gap:2rem;display:flex}.preview-container.svelte-oz1ty9{border-radius:var(--radius);border:1px solid var(--border-primary);background:#f0f0f0;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}canvas.svelte-oz1ty9{object-fit:contain;max-width:100%;max-height:600px}.loading-overlay.svelte-oz1ty9{background:#fffc;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.spinner.svelte-oz1ty9{border:4px solid var(--gray-200);border-top-color:var(--interactive-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite svelte-oz1ty9-spin}@keyframes svelte-oz1ty9-spin{to{transform:rotate(360deg)}}.controls-panel.svelte-oz1ty9{background:var(--bg-secondary);border-radius:var(--radius);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.control-group.svelte-oz1ty9 label:where(.svelte-oz1ty9){margin-bottom:1rem;font-weight:600;display:block}.flip-options.svelte-oz1ty9{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.flip-options.svelte-oz1ty9 button:where(.svelte-oz1ty9){border:1px solid var(--border-primary);border-radius:var(--radius);cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.flip-options.svelte-oz1ty9 button.active:where(.svelte-oz1ty9){background:var(--blue-50);border-color:var(--interactive-primary);color:var(--interactive-primary)}.flip-options.svelte-oz1ty9 .icon:where(.svelte-oz1ty9){font-size:1.5rem}.action-buttons.svelte-oz1ty9{gap:1rem;display:flex}.btn-primary.svelte-oz1ty9,.btn-secondary.svelte-oz1ty9{border-radius:var(--radius);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-oz1ty9{background:var(--interactive-primary);color:#fff;border:none}.btn-secondary.svelte-oz1ty9{color:var(--text-primary);border:1px solid var(--border-primary);background:#fff}.article-container.svelte-oz1ty9{margin-top:4rem}.article-section.svelte-oz1ty9{margin-bottom:3rem}.features-grid.svelte-oz1ty9{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.feature-card.svelte-oz1ty9{background:var(--bg-secondary);border-radius:var(--radius);text-align:center;padding:2rem}.feature-card.svelte-oz1ty9 .icon:where(.svelte-oz1ty9){margin-bottom:1rem;font-size:2.5rem}.steps-grid.svelte-oz1ty9{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.step.svelte-oz1ty9{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.step-num.svelte-oz1ty9{background:var(--interactive-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}@media (min-width:768px){.editor-layout.svelte-oz1ty9{flex-direction:row;align-items:flex-start}.preview-container.svelte-oz1ty9{flex:1}.controls-panel.svelte-oz1ty9{width:300px}.action-buttons.svelte-oz1ty9{flex-direction:column}}.container.svelte-16ihkfw{max-width:1000px;font-family:var(--font-family);margin:0 auto;padding:2rem 1rem}.tool-header.svelte-16ihkfw{text-align:center;margin-bottom:3rem}.tool-header.svelte-16ihkfw h1:where(.svelte-16ihkfw){color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.tool-header.svelte-16ihkfw p:where(.svelte-16ihkfw){color:var(--text-secondary);font-size:1.1rem}.main-card.svelte-16ihkfw{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;min-height:400px;padding:2rem;display:flex}.upload-area.svelte-16ihkfw{border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;transition:all .3s;display:flex}.upload-area.svelte-16ihkfw:hover,.upload-area.dragover.svelte-16ihkfw{border-color:var(--interactive-primary);background:var(--blue-50)}.upload-label.svelte-16ihkfw{text-align:center;cursor:pointer}.upload-icon.svelte-16ihkfw{color:var(--interactive-primary);margin-bottom:1rem}.editor-layout.svelte-16ihkfw{flex-direction:column;gap:2rem;display:flex}.preview-container.svelte-16ihkfw{border-radius:var(--radius);border:1px solid var(--border-primary);background:#f0f0f0;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}canvas.svelte-16ihkfw{object-fit:contain;max-width:100%;max-height:600px}.loading-overlay.svelte-16ihkfw{background:#fffc;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.spinner.svelte-16ihkfw{border:4px solid var(--gray-200);border-top-color:var(--interactive-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite svelte-16ihkfw-spin}@keyframes svelte-16ihkfw-spin{to{transform:rotate(360deg)}}.controls-panel.svelte-16ihkfw{background:var(--bg-secondary);border-radius:var(--radius);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.control-group.svelte-16ihkfw label:where(.svelte-16ihkfw){margin-bottom:.5rem;font-weight:600;display:block}.label-row.svelte-16ihkfw{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.value.svelte-16ihkfw{background:var(--interactive-primary);color:#fff;border-radius:4px;padding:.2rem .6rem;font-size:.85rem;font-weight:700}input[type=range].svelte-16ihkfw{width:100%;accent-color:var(--interactive-primary)}.quick-angles.svelte-16ihkfw{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.quick-angles.svelte-16ihkfw button:where(.svelte-16ihkfw){border:1px solid var(--border-primary);cursor:pointer;background:#fff;border-radius:4px;padding:.6rem;font-weight:500;transition:all .2s}.quick-angles.svelte-16ihkfw button:where(.svelte-16ihkfw):hover{background:var(--blue-50);border-color:var(--interactive-primary);color:var(--interactive-primary)}.action-buttons.svelte-16ihkfw{gap:1rem;display:flex}.btn-primary.svelte-16ihkfw,.btn-secondary.svelte-16ihkfw{border-radius:var(--radius);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-primary.svelte-16ihkfw{background:var(--interactive-primary);color:#fff;border:none}.btn-secondary.svelte-16ihkfw{color:var(--text-primary);border:1px solid var(--border-primary);background:#fff}.article-container.svelte-16ihkfw{margin-top:4rem}.article-section.svelte-16ihkfw{margin-bottom:3rem}.features-grid.svelte-16ihkfw{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.feature-card.svelte-16ihkfw{background:var(--bg-secondary);border-radius:var(--radius);text-align:center;padding:2rem}.feature-card.svelte-16ihkfw .icon:where(.svelte-16ihkfw){margin-bottom:1rem;font-size:2.5rem}.steps-grid.svelte-16ihkfw{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.step.svelte-16ihkfw{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.step-num.svelte-16ihkfw{background:var(--interactive-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}@media (min-width:768px){.editor-layout.svelte-16ihkfw{flex-direction:row;align-items:flex-start}.preview-container.svelte-16ihkfw{flex:1}.controls-panel.svelte-16ihkfw{width:300px}.action-buttons.svelte-16ihkfw{flex-direction:column}}.tool-container.svelte-a2mldx{max-width:1200px;margin:0 auto;padding:1rem}.header.svelte-a2mldx{text-align:center;margin-bottom:2rem}.header.svelte-a2mldx h1:where(.svelte-a2mldx){color:#333;margin-bottom:.5rem;font-size:2rem}.header.svelte-a2mldx p:where(.svelte-a2mldx){color:#666;font-size:1.1rem}.main-content.svelte-a2mldx{gap:2rem;margin-bottom:2rem;display:grid}.form-section.svelte-a2mldx{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:2rem}.form-section.svelte-a2mldx h2:where(.svelte-a2mldx){color:#333;margin-bottom:1.5rem;font-size:1.25rem}.form-group.svelte-a2mldx{margin-bottom:1.5rem}label.svelte-a2mldx{color:#333;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}input.svelte-a2mldx,select.svelte-a2mldx{border:1px solid #dee2e6;border-radius:6px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}input.svelte-a2mldx:focus,select.svelte-a2mldx:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 3px #0d6efd1a}small.svelte-a2mldx{color:#666;margin-top:.25rem;font-size:.85rem;display:block}.generate-btn.svelte-a2mldx{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:background .2s}.generate-btn.svelte-a2mldx:hover{background:#0b5ed7}.output-section.svelte-a2mldx{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:2rem}.output-section.svelte-a2mldx h2:where(.svelte-a2mldx){color:#333;margin-top:0;margin-bottom:1rem;font-size:1.3rem}.prompt-output.svelte-a2mldx{white-space:pre-wrap;word-wrap:break-word;color:#333;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-bottom:1rem;padding:1.5rem;font-size:.95rem;line-height:1.6}.copy-btn.svelte-a2mldx{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;width:100%;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.copy-btn.svelte-a2mldx:hover{background:#0b5ed7}.documentation-section.svelte-a2mldx{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;overflow:hidden}.doc-tabs.svelte-a2mldx{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.doc-tabs.svelte-a2mldx button:where(.svelte-a2mldx){color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:1rem;font-weight:500;transition:all .2s}.doc-tabs.svelte-a2mldx button.active:where(.svelte-a2mldx){color:#0d6efd;background:#fff;border-bottom-color:#0d6efd}.doc-content.svelte-a2mldx{padding:1.5rem}.doc-panel.svelte-a2mldx h2:where(.svelte-a2mldx){color:#333;margin-bottom:1rem;font-size:1.3rem}.doc-panel.svelte-a2mldx p:where(.svelte-a2mldx){color:#666;margin-bottom:1.5rem;line-height:1.6}.doc-panel.svelte-a2mldx ul:where(.svelte-a2mldx){color:#666;padding-left:1.5rem;line-height:1.8}.doc-panel.svelte-a2mldx li:where(.svelte-a2mldx){margin-bottom:.75rem}.simple-grid.svelte-a2mldx{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.simple-card.svelte-a2mldx{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.simple-card.svelte-a2mldx h3:where(.svelte-a2mldx){color:#333;margin-bottom:.5rem;font-size:1rem}.simple-steps.svelte-a2mldx{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.step.svelte-a2mldx{background:#f8f9fa;border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-circle.svelte-a2mldx{color:#fff;background:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.pin-types-list.svelte-a2mldx{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem;display:grid}.pin-type-item.svelte-a2mldx{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.pin-type-item.svelte-a2mldx h3:where(.svelte-a2mldx){color:#333;margin:0 0 .5rem;font-size:1rem}.pin-type-item.svelte-a2mldx p:where(.svelte-a2mldx){color:#666;margin:0;font-size:.9rem}.faq-list.svelte-a2mldx{flex-direction:column;gap:1rem;display:flex}.faq-item.svelte-a2mldx{background:#f8f9fa;border-radius:6px;padding:1rem}.faq-item.svelte-a2mldx h3:where(.svelte-a2mldx){color:#333;margin:0 0 .5rem;font-size:1rem}.faq-item.svelte-a2mldx p:where(.svelte-a2mldx){margin:0;font-size:.95rem}@media (max-width:768px){.tool-container.svelte-a2mldx{padding:1rem}.form-section.svelte-a2mldx{padding:1.5rem}.header.svelte-a2mldx h1:where(.svelte-a2mldx){font-size:1.5rem}.pin-types-list.svelte-a2mldx{grid-template-columns:1fr}}.container.svelte-4hblo7{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header.svelte-4hblo7{text-align:center;margin-bottom:2rem}.header.svelte-4hblo7 h1:where(.svelte-4hblo7){color:#2d3748;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle.svelte-4hblo7{color:#718096;max-width:600px;margin:0 auto;font-size:1.1rem}.tool-main.svelte-4hblo7{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-4hblo7{grid-template-columns:1fr 1fr}}.calculator-section.svelte-4hblo7,.preview-section.svelte-4hblo7{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-4hblo7{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-4hblo7 label:where(.svelte-4hblo7){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.calculator-panel.svelte-4hblo7{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.input-grid.svelte-4hblo7{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-group.svelte-4hblo7 label:where(.svelte-4hblo7){color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.number-input.svelte-4hblo7{border:2px solid var(--border-primary);background:var(--surface-base);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .2s}.number-input.svelte-4hblo7:focus{border-color:var(--interactive-primary);outline:none}.presets.svelte-4hblo7 label:where(.svelte-4hblo7){color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.preset-buttons.svelte-4hblo7{flex-wrap:wrap;gap:.5rem;display:flex}.btn-preset.svelte-4hblo7{border:1px solid var(--border-secondary);cursor:pointer;color:var(--text-primary);background:#fff;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.btn-preset.svelte-4hblo7:hover{border-color:var(--interactive-primary);color:var(--interactive-primary);background:var(--surface-base)}.result-box.svelte-4hblo7{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.result-info.svelte-4hblo7{flex-direction:column;display:flex}.result-info.svelte-4hblo7 .label:where(.svelte-4hblo7){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.result-info.svelte-4hblo7 .value:where(.svelte-4hblo7){color:var(--interactive-primary);font-size:1.5rem;font-weight:700}.btn-copy.svelte-4hblo7{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:background .2s}.btn-copy.svelte-4hblo7:hover{background:var(--interactive-primary-hover)}.preview-container.svelte-4hblo7{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.preview-box.svelte-4hblo7{background:linear-gradient(135deg,var(--interactive-primary),#8b5cf6);color:#fff;width:100%;max-width:300px;box-shadow:var(--shadow-md);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex}.preview-text.svelte-4hblo7{font-size:1.2rem;font-weight:700}.preview-ratio.svelte-4hblo7{opacity:.9;font-size:.9rem}.article-container.svelte-4hblo7{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-4hblo7{margin-bottom:3rem}.article-section.svelte-4hblo7 h2:where(.svelte-4hblo7){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-4hblo7 p:where(.svelte-4hblo7){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-4hblo7{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-4hblo7{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-4hblo7{margin-bottom:1rem;font-size:2rem}.feature.svelte-4hblo7 h3:where(.svelte-4hblo7){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-4hblo7{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-4hblo7{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-4hblo7{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-4hblo7 h3:where(.svelte-4hblo7){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-4hblo7{margin-top:1.5rem}.faq-category.svelte-4hblo7{margin-bottom:2rem}.faq-category.svelte-4hblo7 h3:where(.svelte-4hblo7){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-4hblo7{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-4hblo7 h4:where(.svelte-4hblo7){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-4hblo7{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-4hblo7 h2:where(.svelte-4hblo7){color:#fff;border-bottom:none}.cta-section.svelte-4hblo7 p:where(.svelte-4hblo7){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-4hblo7{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-4hblo7{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-4hblo7:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-4hblo7{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-4hblo7,.article-container.svelte-4hblo7{padding:1rem}.tool-main.svelte-4hblo7,.features-grid.svelte-4hblo7{grid-template-columns:1fr}.step.svelte-4hblo7{text-align:center;flex-direction:column}}.container.svelte-ebteu9{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-ebteu9{grid-template-columns:1fr;justify-content:center;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-ebteu9{grid-template-columns:minmax(500px,600px)}}.calculator-section.svelte-ebteu9{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-ebteu9{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-ebteu9 label:where(.svelte-ebteu9){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.calculator-panel.svelte-ebteu9{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.display-box.svelte-ebteu9{background:var(--surface-base);border:1px solid var(--border-primary);text-align:right;border-radius:8px;padding:1rem;position:relative}.expression-input.svelte-ebteu9{width:100%;color:var(--text-secondary);text-align:right;font-size:1.1rem;font-family:var(--font-mono);background:0 0;border:none;margin-bottom:.5rem;padding:0}.expression-input.svelte-ebteu9:focus{outline:none}.final-output.svelte-ebteu9{color:var(--text-primary);min-height:1.2em;font-size:2rem;font-weight:700;line-height:1.2;font-family:var(--font-mono)}.final-output.error.svelte-ebteu9{color:var(--error)}.btn-copy-sm.svelte-ebteu9{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:color .2s;position:absolute;top:.5rem;left:.5rem}.btn-copy-sm.svelte-ebteu9:hover{color:var(--interactive-primary);background:var(--bg-secondary)}.keypad-grid.svelte-ebteu9{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.keypad-grid.svelte-ebteu9 button:where(.svelte-ebteu9){border:1px solid var(--border-secondary);cursor:pointer;background:var(--surface-base);min-height:48px;color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;padding:.75rem .25rem;font-size:1.1rem;font-weight:500;transition:all .1s;display:flex}.keypad-grid.svelte-ebteu9 button:where(.svelte-ebteu9):active{transform:scale(.96)}.btn-op.svelte-ebteu9{background:var(--bg-secondary)!important;color:var(--interactive-primary)!important;font-weight:700!important}.btn-func.svelte-ebteu9{color:var(--text-secondary)!important;font-size:.9rem!important}.btn-clear.svelte-ebteu9{color:#c53030!important;background:#fed7d7!important;border-color:#feb2b2!important;font-size:.9rem!important}.btn-solve.svelte-ebteu9{grid-column:span 2;background:var(--interactive-primary)!important;color:#fff!important;border:none!important;font-weight:700!important}.btn-solve.svelte-ebteu9:hover{background:var(--interactive-primary-hover)!important}.rounding-section.svelte-ebteu9{border-top:1px solid var(--border-primary);padding-top:1rem}.rounding-section.svelte-ebteu9 label:where(.svelte-ebteu9){color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.optional-text.svelte-ebteu9{opacity:.7;font-size:.8rem;font-weight:400}.sig-fig-buttons.svelte-ebteu9{gap:.5rem;display:flex}.btn-sigfig.svelte-ebteu9,.sigfig-custom-input.svelte-ebteu9{border:1px solid var(--border-secondary);background:var(--surface-base);height:36px;color:var(--text-primary);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sigfig-custom-input.svelte-ebteu9{text-align:center;flex:1.5;padding:0 .5rem}.sigfig-custom-input.svelte-ebteu9:focus{border-color:var(--interactive-primary);outline:none}.btn-sigfig.active.svelte-ebteu9{background:var(--interactive-primary);color:#fff;border-color:var(--interactive-primary)}.article-container.svelte-ebteu9{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-ebteu9{margin-bottom:3rem}.article-section.svelte-ebteu9 h2:where(.svelte-ebteu9){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-ebteu9 p:where(.svelte-ebteu9){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-ebteu9{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-ebteu9{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-ebteu9{margin-bottom:1rem;font-size:2rem}.feature.svelte-ebteu9 h3:where(.svelte-ebteu9){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-ebteu9{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-ebteu9{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-ebteu9{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-ebteu9 h3:where(.svelte-ebteu9){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-ebteu9{margin-top:1.5rem}.faq-category.svelte-ebteu9{margin-bottom:2rem}.faq-category.svelte-ebteu9 h3:where(.svelte-ebteu9){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-ebteu9{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-ebteu9 h4:where(.svelte-ebteu9){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-ebteu9{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-ebteu9 h2:where(.svelte-ebteu9){color:#fff;border-bottom:none}.cta-section.svelte-ebteu9 p:where(.svelte-ebteu9){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-ebteu9{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-ebteu9{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-ebteu9:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-ebteu9{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-ebteu9,.article-container.svelte-ebteu9{padding:1rem}.tool-main.svelte-ebteu9,.features-grid.svelte-ebteu9{grid-template-columns:1fr}.step.svelte-ebteu9{text-align:center;flex-direction:column}.keypad-grid.svelte-ebteu9 button:where(.svelte-ebteu9){padding:.5rem .1rem;font-size:1rem}}.container.svelte-5zb246{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-5zb246{grid-template-columns:1fr;justify-content:center;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-5zb246{grid-template-columns:minmax(600px,800px)}}.converter-section.svelte-5zb246{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-5zb246{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-5zb246 label:where(.svelte-5zb246){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.converter-panel.svelte-5zb246{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.input-group.svelte-5zb246{flex-direction:column;flex:1;gap:.5rem;display:flex}.input-group.svelte-5zb246 label:where(.svelte-5zb246){color:var(--text-secondary);font-size:.9rem;font-weight:600}.number-input.svelte-5zb246,.select-input.svelte-5zb246{border:2px solid var(--border-primary);background:var(--surface-base);width:100%;color:var(--text-primary);border-radius:8px;padding:.85rem;font-size:1rem;transition:border-color .2s}.number-input.svelte-5zb246:focus,.select-input.svelte-5zb246:focus{border-color:var(--interactive-primary);outline:none}.units-grid.svelte-5zb246{align-items:flex-end;gap:1rem;display:flex}.btn-swap.svelte-5zb246{background:var(--surface-base);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:2px;transition:all .2s;display:flex}.btn-swap.svelte-5zb246:hover{background:var(--bg-secondary);color:var(--interactive-primary);border-color:var(--interactive-primary);transform:rotate(180deg)}.result-box.svelte-5zb246{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:12px;justify-content:space-between;align-items:center;margin-top:1rem;padding:1.5rem;display:flex}.result-content.svelte-5zb246{flex-direction:column;gap:.25rem;display:flex}.result-label.svelte-5zb246{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.result-value-container.svelte-5zb246{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.result-value.svelte-5zb246{color:var(--interactive-primary);word-break:break-all;font-size:1.75rem;font-weight:700}.result-unit.svelte-5zb246{color:var(--text-secondary);font-size:1rem;font-weight:500}.btn-copy.svelte-5zb246{background:var(--interactive-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:background .2s}.btn-copy.svelte-5zb246:hover:not(:disabled){background:var(--interactive-primary-hover)}.btn-copy.svelte-5zb246:disabled{opacity:.6;cursor:not-allowed}.article-container.svelte-5zb246{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-5zb246{margin-bottom:3rem}.article-section.svelte-5zb246 h2:where(.svelte-5zb246){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-5zb246 p:where(.svelte-5zb246){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-5zb246{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-5zb246{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-5zb246{margin-bottom:1rem;font-size:2rem}.feature.svelte-5zb246 h3:where(.svelte-5zb246){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-5zb246{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-5zb246{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-5zb246{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-5zb246 h3:where(.svelte-5zb246){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-5zb246{margin-top:1.5rem}.faq-category.svelte-5zb246{margin-bottom:2rem}.faq-category.svelte-5zb246 h3:where(.svelte-5zb246){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-5zb246{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-5zb246 h4:where(.svelte-5zb246){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-5zb246{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-5zb246 h2:where(.svelte-5zb246){color:#fff;border-bottom:none}.cta-section.svelte-5zb246 p:where(.svelte-5zb246){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-5zb246{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-5zb246{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-5zb246:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-5zb246{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-5zb246,.article-container.svelte-5zb246{padding:1rem}.tool-main.svelte-5zb246{grid-template-columns:1fr}.units-grid.svelte-5zb246{flex-direction:column;gap:.5rem}.btn-swap.svelte-5zb246{margin:.5rem auto;transform:rotate(90deg)}.btn-swap.svelte-5zb246:hover{transform:rotate(270deg)}.features-grid.svelte-5zb246{grid-template-columns:1fr}.step.svelte-5zb246{text-align:center;flex-direction:column}}.container.svelte-1gclbm{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tool-main.svelte-1gclbm{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.tool-main.svelte-1gclbm{grid-template-columns:1.5fr 1fr}}.input-section.svelte-1gclbm,.output-section.svelte-1gclbm{flex-direction:column;gap:1rem;display:flex}.section-header.svelte-1gclbm{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-header.svelte-1gclbm label:where(.svelte-1gclbm){color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.input-panel.svelte-1gclbm{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;display:flex}.text-input.svelte-1gclbm{border:2px solid var(--border-primary);background:var(--surface-base);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;min-height:150px;padding:1rem;font-family:inherit;font-size:1rem}.text-input.svelte-1gclbm:focus{border-color:var(--interactive-primary);outline:none}.controls.svelte-1gclbm{border-top:1px solid var(--border-primary);padding-top:1.5rem}.slider-group.svelte-1gclbm{flex-direction:column;gap:.5rem;display:flex}.slider-header.svelte-1gclbm{justify-content:space-between;align-items:center;display:flex}.slider-header.svelte-1gclbm label:where(.svelte-1gclbm){color:var(--text-secondary);font-size:.9rem;font-weight:600}.value-badge.svelte-1gclbm{color:var(--interactive-primary);border:1px solid var(--border-secondary);background:#fff;border-radius:4px;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.slider.svelte-1gclbm{background:var(--border-secondary);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.slider.svelte-1gclbm::-webkit-slider-thumb{-webkit-appearance:none;background:var(--interactive-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s}.slider.svelte-1gclbm::-webkit-slider-thumb:hover{transform:scale(1.1)}.output-panel.svelte-1gclbm{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:350px;padding:2rem;display:flex}.qr-preview.svelte-1gclbm{box-shadow:var(--shadow-md);background:#fff;border-radius:8px;max-width:100%;padding:1rem}.qr-preview.svelte-1gclbm img:where(.svelte-1gclbm){max-width:100%;height:auto;display:block}.action-buttons.svelte-1gclbm{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-download.svelte-1gclbm{background:var(--interactive-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .2s;display:flex}.btn-download.svelte-1gclbm:hover{background:var(--interactive-primary-hover)}.btn-copy.svelte-1gclbm{color:var(--text-secondary);border:1px solid var(--border-secondary);cursor:pointer;background:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-copy.svelte-1gclbm:hover{border-color:var(--interactive-primary);color:var(--interactive-primary)}.placeholder.svelte-1gclbm{text-align:center;color:var(--text-secondary);opacity:.7;flex-direction:column;align-items:center;gap:1rem;display:flex}.icon-placeholder.svelte-1gclbm{color:var(--border-secondary)}.article-container.svelte-1gclbm{max-width:1200px;margin:3rem auto;padding:0 2rem}.article-section.svelte-1gclbm{margin-bottom:3rem}.article-section.svelte-1gclbm h2:where(.svelte-1gclbm){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-1gclbm p:where(.svelte-1gclbm){color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.features-grid.svelte-1gclbm{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.feature.svelte-1gclbm{text-align:center;background:var(--surface-base);border:1px solid var(--border-primary);border-radius:8px;padding:2rem 1.5rem}.feature-icon.svelte-1gclbm{margin-bottom:1rem;font-size:2rem}.feature.svelte-1gclbm h3:where(.svelte-1gclbm){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.steps-container.svelte-1gclbm{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.step.svelte-1gclbm{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-1gclbm{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-1gclbm h3:where(.svelte-1gclbm){color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-container.svelte-1gclbm{margin-top:1.5rem}.faq-category.svelte-1gclbm{margin-bottom:2rem}.faq-category.svelte-1gclbm h3:where(.svelte-1gclbm){color:var(--interactive-primary);border-bottom:2px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.faq-item.svelte-1gclbm{background:var(--surface-base);border:1px solid var(--border-primary);border-radius:6px;margin-bottom:1rem;padding:1.25rem}.faq-item.svelte-1gclbm h4:where(.svelte-1gclbm){color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem}.cta-section.svelte-1gclbm{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-1gclbm h2:where(.svelte-1gclbm){color:#fff;border-bottom:none}.cta-section.svelte-1gclbm p:where(.svelte-1gclbm){color:#ffffffe6;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.cta-buttons.svelte-1gclbm{flex-direction:column;align-items:center;gap:1rem;display:flex}.cta-btn.svelte-1gclbm{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-1gclbm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-note.svelte-1gclbm{color:#fffc;font-size:.9rem;font-style:italic}@media (max-width:768px){.container.svelte-1gclbm,.article-container.svelte-1gclbm{padding:1rem}.tool-main.svelte-1gclbm{grid-template-columns:1fr}.output-section.svelte-1gclbm{order:-1}.features-grid.svelte-1gclbm{grid-template-columns:1fr}.step.svelte-1gclbm{text-align:center;flex-direction:column}}.container.svelte-yy9285{max-width:900px;margin:0 auto;padding:2rem}h1.svelte-yy9285{margin-bottom:.5rem;font-size:2rem}.calculator.svelte-yy9285{background:#fff;border:1px solid #ddd;border-radius:8px;margin:2rem 0;padding:2rem}.input-group.svelte-yy9285{margin-bottom:1.5rem}.input-group.svelte-yy9285 label:where(.svelte-yy9285){color:#666;margin-bottom:.5rem;display:block}input[type=range].svelte-yy9285{width:100%}.results.svelte-yy9285{background:#fff;border:1px solid #ddd;border-radius:8px;padding:2rem}.earnings-grid.svelte-yy9285{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem;display:grid}.earning-card.svelte-yy9285{text-align:center;background:#f8f9fa;border-radius:8px;padding:1.5rem}.earning-card.highlight.svelte-yy9285{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.label.svelte-yy9285{opacity:.8;margin-bottom:.5rem;font-size:.85rem}.value.svelte-yy9285{font-size:1.5rem;font-weight:700}.note.svelte-yy9285{color:#664d03;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-top:2rem;padding:1rem}.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:2rem 4rem;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-info-global.svelte-1n46o8q{text-align:center;max-width:800px;margin-bottom:3rem;margin-left:auto;margin-right:auto}.tool-info-global.svelte-1n46o8q h1:where(.svelte-1n46o8q){color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem}.tool-info-global.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--text-secondary);font-size:1.2rem;line-height:1.6}.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}}