:root{--bg-canvas:hsl(40,27%,97%);--bg-surface:hsl(0,0%,100%);--bg-subtle:hsl(38,20%,93%);--bg-elevated:hsl(40,25%,98%);--bg-code:hsl(220,24%,11%);--bg-code-header:hsl(220,24%,15%);--bg-code-subtle:hsl(220,20%,18%);--text-primary:hsl(220,28%,10%);--text-secondary:hsl(220,14%,34%);--text-muted:hsl(220,10%,48%);--text-on-dark:hsl(210,25%,94%);--text-on-dark-muted:hsl(215,14%,65%);--accent-primary:hsl(16,84%,46%);--accent-primary-hover:hsl(16,86%,39%);--accent-primary-soft:hsl(16,85%,95%);--accent-emerald:hsl(158,68%,28%);--accent-emerald-soft:hsl(158,55%,93%);--accent-amber:hsl(36,90%,36%);--accent-amber-soft:hsl(40,90%,93%);--accent-danger:hsl(354,72%,44%);--accent-danger-soft:hsl(354,80%,95%);--border-subtle:hsl(36,15%,86%);--border-strong:hsl(220,16%,76%);--shadow-sm:0 1px 2px rgba(15,23,42,0.05),0 1px 1px rgba(15,23,42,0.03);--shadow-md:0 6px 18px -4px rgba(15,23,42,0.08),0 2px 6px -1px rgba(15,23,42,0.04);--shadow-lg:0 16px 36px -8px rgba(15,23,42,0.12),0 4px 10px -2px rgba(15,23,42,0.05);--font-sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--container-max:1320px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(250,248,244,0.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle)}.header-inner{max-width:var(--container-max);margin:0 auto;padding:0.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand-link{display:inline-flex;align-items:center;gap:0.65rem;font-weight:800;font-size:1.15rem;letter-spacing:-0.025em;color:var(--text-primary)}.brand-mark{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg-surface);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:0.85rem;font-weight:700;box-shadow:inset 0 -2px 0 var(--accent-primary)}.brand-sub{font-family:var(--font-mono);font-size:0.72rem;font-weight:600;padding:0.15rem 0.45rem;border-radius:4px;background:var(--bg-subtle);color:var(--text-secondary);letter-spacing:0.02em}.nav-links{display:flex;align-items:center;gap:0.35rem;flex-wrap:wrap}.nav-pill{font-size:0.84rem;font-weight:600;padding:0.42rem 0.75rem;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background-color 0.15s ease,color 0.15s ease}.nav-pill:hover,.nav-pill.active{background:var(--bg-subtle);color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:0.6rem}.ad-mode-toggle{display:inline-flex;align-items:center;gap:0.45rem;font-family:var(--font-mono);font-size:0.75rem;font-weight:600;padding:0.42rem 0.75rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:all 0.15s ease}.ad-mode-toggle:hover{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.ad-mode-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald)}.page-shell{max-width:var(--container-max);width:100%;margin:0 auto;padding:1.5rem 1.5rem 4rem;flex:1}.ad-slot{position:relative;width:100%;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px dashed var(--border-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0.75rem 1rem;margin-bottom:1.5rem;overflow:hidden;transition:background-color 0.2s ease,border-color 0.2s ease}.ad-slot-leaderboard{min-height:96px}.ad-slot-native{min-height:120px;margin-top:1.75rem}.ad-slot-sidebar{min-height:280px}body.ads-hidden .ad-slot{display:none}.ad-blueprint-badge{font-family:var(--font-mono);font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--accent-primary);background:var(--accent-primary-soft);padding:0.18rem 0.55rem;border-radius:4px;margin-bottom:0.35rem}.ad-blueprint-title{font-size:0.88rem;font-weight:700;color:var(--text-primary);text-align:center}.ad-blueprint-meta{font-family:var(--font-mono);font-size:0.74rem;color:var(--text-muted);margin-top:0.2rem;text-align:center}.tool-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.75rem;align-items:start}@media (max-width:1060px){.tool-layout-grid{grid-template-columns:1fr}}.tool-hero{margin-bottom:1.35rem}.tool-breadcrumb{display:flex;align-items:center;gap:0.45rem;font-family:var(--font-mono);font-size:0.76rem;color:var(--text-muted);margin-bottom:0.55rem}.tool-breadcrumb a:hover{color:var(--accent-primary);text-decoration:underline}.tool-hero h1{font-size:clamp(1.65rem,2.6vw,2.25rem);font-weight:800;letter-spacing:-0.03em;line-height:1.18;color:var(--text-primary);margin-bottom:0.55rem}.tool-hero p{font-size:1rem;color:var(--text-secondary);max-width:76ch}.trust-bar{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-top:0.85rem}.trust-chip{display:inline-flex;align-items:center;gap:0.35rem;font-family:var(--font-mono);font-size:0.74rem;font-weight:600;padding:0.25rem 0.6rem;border-radius:4px;background:var(--accent-emerald-soft);color:var(--accent-emerald)}.trust-chip.neutral{background:var(--bg-subtle);color:var(--text-secondary)}.workbench-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.workbench-toolbar{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:0.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.toolbar-controls{display:flex;align-items:center;gap:0.9rem;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:0.45rem}.control-group label{font-size:0.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.03em}.control-input,.control-select{font-family:var(--font-mono);font-size:0.82rem;padding:0.42rem 0.65rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);outline:none;transition:border-color 0.15s ease}.control-input:focus,.control-select:focus{border-color:var(--accent-primary)}.toolbar-actions{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;font-family:var(--font-sans);font-size:0.84rem;font-weight:700;padding:0.5rem 0.9rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:transform 0.1s ease,background-color 0.15s ease,border-color 0.15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent-primary);color:#ffffff}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-subtle)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.workbench-panes{display:grid;grid-template-columns:1fr 1fr;min-height:410px}@media (max-width:780px){.workbench-panes{grid-template-columns:1fr}}.pane{display:flex;flex-direction:column}.pane-input{border-right:1px solid var(--border-subtle);background:var(--bg-surface)}.pane-output{background:var(--bg-code);color:var(--text-on-dark)}.pane-header{padding:0.65rem 1rem;font-family:var(--font-mono);font-size:0.75rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.pane-output .pane-header{background:var(--bg-code-header);border-bottom-color:hsl(220,18%,22%);color:var(--text-on-dark-muted)}.code-textarea{width:100%;flex:1;min-height:340px;padding:1rem;border:none;resize:vertical;font-family:var(--font-mono);font-size:0.85rem;line-height:1.6;color:var(--text-primary);background:transparent;outline:none}.code-output-pre{width:100%;flex:1;min-height:340px;padding:1rem;font-family:var(--font-mono);font-size:0.84rem;line-height:1.6;color:var(--text-on-dark);overflow:auto;white-space:pre-wrap;word-break:break-word}.workbench-extra{border-top:1px solid var(--border-subtle);padding:1rem 1.25rem;background:var(--bg-elevated)}.workbench-status-bar{padding:0.6rem 1.25rem;background:var(--bg-subtle);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:0.75rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}.image-dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-md);padding:2rem 1.25rem;text-align:center;background:var(--bg-elevated);cursor:pointer;transition:border-color 0.15s ease,background-color 0.15s ease;margin:1rem}.image-dropzone:hover{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.image-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin-bottom:1rem}.stat-box{background:var(--bg-code-subtle);padding:0.75rem;border-radius:var(--radius-sm);text-align:center}.stat-box-label{font-size:0.7rem;color:var(--text-on-dark-muted);text-transform:uppercase}.stat-box-val{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:#ffffff;margin-top:0.2rem}.stat-box-val.savings{color:hsl(152,76%,64%)}.data-table-wrap{overflow-x:auto;max-height:260px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface)}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:0.78rem}.data-table th,.data-table td{padding:0.45rem 0.75rem;border-bottom:1px solid var(--border-subtle);text-align:left;white-space:nowrap}.data-table th{background:var(--bg-subtle);font-weight:700;color:var(--text-primary)}.diff-line{display:block;padding:0.1rem 0.5rem;border-radius:3px}.diff-add{background:rgba(16,185,129,0.18);color:hsl(152,82%,74%)}.diff-del{background:rgba(239,68,68,0.2);color:hsl(354,88%,80%)}.seo-section{margin-top:2.25rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem}.seo-section h2{font-size:1.2rem;font-weight:800;letter-spacing:-0.02em;margin-bottom:1rem}.steps-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;list-style:none}.step-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1rem}.step-num{font-family:var(--font-mono);font-size:0.75rem;font-weight:700;color:var(--accent-primary);margin-bottom:0.35rem}.faq-list{display:flex;flex-direction:column;gap:0.75rem}.faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated);padding:0.9rem 1.1rem}.faq-item summary{font-weight:700;font-size:0.95rem;cursor:pointer}.faq-item p{margin-top:0.55rem;font-size:0.9rem;color:var(--text-secondary)}.sidebar-rail{position:sticky;top:4.75rem;display:flex;flex-direction:column;gap:1.25rem}.rail-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.15rem;box-shadow:var(--shadow-sm)}.rail-card h3{font-size:0.88rem;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-secondary);margin-bottom:0.75rem}.related-tools-list{display:flex;flex-direction:column;gap:0.5rem}.related-tool-link{display:flex;align-items:center;justify-content:space-between;padding:0.55rem 0.7rem;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);font-size:0.85rem;font-weight:600;transition:border-color 0.15s ease,transform 0.1s ease}.related-tool-link:hover{border-color:var(--accent-primary);transform:translateX(2px)}.hub-hero{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.25rem 2rem;margin-bottom:1.75rem;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1.35fr 1fr;gap:2rem;align-items:center}@media (max-width:920px){.hub-hero{grid-template-columns:1fr}}.hub-hero h1{font-size:clamp(1.85rem,3vw,2.6rem);font-weight:800;letter-spacing:-0.035em;line-height:1.14;margin-bottom:0.75rem}.hub-hero p{font-size:1.02rem;color:var(--text-secondary);margin-bottom:1.25rem}.hub-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:0.85rem}.kpi-tile{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.kpi-tile-val{font-family:var(--font-mono);font-size:1.35rem;font-weight:800;color:var(--text-primary)}.kpi-tile-label{font-size:0.78rem;color:var(--text-secondary);margin-top:0.2rem}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.category-tabs{display:flex;gap:0.4rem;flex-wrap:wrap}.cat-tab{font-size:0.82rem;font-weight:700;padding:0.45rem 0.85rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer}.cat-tab.active,.cat-tab:hover{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.25rem}.tool-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.35rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.tool-card-top{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:0.65rem}.tool-cat-tag{font-family:var(--font-mono);font-size:0.7rem;font-weight:700;text-transform:uppercase;padding:0.2rem 0.5rem;border-radius:4px;background:var(--bg-subtle);color:var(--text-secondary)}.tool-rpm-tag{font-family:var(--font-mono);font-size:0.72rem;font-weight:700;padding:0.2rem 0.5rem;border-radius:4px;background:var(--accent-emerald-soft);color:var(--accent-emerald)}.tool-card h2{font-size:1.12rem;font-weight:800;letter-spacing:-0.02em;margin-bottom:0.45rem}.tool-card p{font-size:0.88rem;color:var(--text-secondary);margin-bottom:1.1rem}.tool-card-metrics{border-top:1px solid var(--border-subtle);padding-top:0.75rem;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:0.74rem;color:var(--text-muted)}.factory-studio-panel{margin-top:2.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;margin-top:1rem}@media (max-width:860px){.studio-grid{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:2rem 1.5rem;margin-top:auto}.footer-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:0.84rem;color:var(--text-muted)}.matrix-workbench{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.matrix-sliders-box{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.35rem}@media (max-width:720px){.matrix-sliders-box{grid-template-columns:1fr}}.vs-winner-banner{background:var(--accent-emerald-soft);color:var(--accent-emerald);border-radius:var(--radius-md);padding:0.95rem 1.25rem;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.35rem}.matrix-vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width:720px){.matrix-vs-grid{grid-template-columns:1fr}}.vs-entity-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.35rem;display:flex;flex-direction:column;justify-content:space-between;transition:border-color 0.15s ease,box-shadow 0.15s ease}.vs-entity-card.is-winner{background:var(--bg-surface);border-color:var(--accent-emerald);box-shadow:var(--shadow-md)}.vs-price-big{font-family:var(--font-mono);font-size:1.85rem;font-weight:800;color:var(--text-primary);margin:0.5rem 0 0.2rem}.vs-bar-track{width:100%;height:10px;border-radius:5px;background:var(--bg-subtle);overflow:hidden;margin:0.75rem 0}.vs-bar-fill{height:100%;background:var(--accent-primary);border-radius:5px;transition:width 0.2s ease}.vs-entity-card.is-winner .vs-bar-fill{background:var(--accent-emerald)}