@layer components{:where(.ev-site .tool-page) .guide{gap:48px;display:grid}:where(.ev-site .tool-page) .guide>*{min-width:0}:where(.ev-site .tool-page) .back-link{min-height:44px;color:var(--ev-fg-2);font-size:var(--ev-fs-sm);align-items:center;gap:6px;margin-bottom:16px;display:inline-flex}:where(.ev-site .tool-page) .back-link:hover{color:var(--ev-accent)}:where(.ev-site .tool-page) .back-link .icon{width:16px;height:16px}:where(.ev-site .tool-page) .guide-head{gap:16px;display:grid}:where(.ev-site .tool-page) .guide-title{align-items:center;gap:16px;min-width:0;display:flex}:where(.ev-site .tool-page) .guide-title h1{font-weight:var(--ev-fw-light);font-size:clamp(32px,6vw,var(--ev-fs-h1));overflow-wrap:anywhere;min-width:0;line-height:1.12}:where(.ev-site .tool-page) .guide-title .logo-box{flex:none;width:56px;height:56px}:where(.ev-site .tool-page) .guide-title .logo-box .vendor-mark{width:32px;height:32px}:where(.ev-site .tool-page) .guide-title .logo-box .logo-tile{width:32px;height:32px}:where(.ev-site .tool-page) .guide-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:where(.ev-site .tool-page) .guide-section{--ev-surface:var(--ev-glass-bg-strong);--ev-surface-warm:var(--ev-glass-inner);background:var(--ev-glass-bg-strong);border:1px solid var(--ev-glass-border);border-radius:var(--ev-r-lg);box-shadow:var(--ev-glass-hi),var(--ev-elev-raised);-webkit-backdrop-filter:var(--ev-glass-blur);backdrop-filter:var(--ev-glass-blur)}:where(.ev-site .tool-page) .state-card{--ev-surface:var(--ev-glass-bg-strong);--ev-surface-warm:var(--ev-glass-inner);background:var(--ev-glass-bg-strong);border:1px solid var(--ev-glass-border);border-radius:var(--ev-r-lg);box-shadow:var(--ev-glass-hi),var(--ev-elev-raised);-webkit-backdrop-filter:var(--ev-glass-blur);backdrop-filter:var(--ev-glass-blur)}:where(.ev-site .tool-page) .guide-section{gap:16px;padding:32px;display:grid}:where(.ev-site .tool-page) .guide-section .code-window{-webkit-backdrop-filter:none;backdrop-filter:none}:where(.ev-site .tool-page) .state-card .code-window{-webkit-backdrop-filter:none;backdrop-filter:none}:where(.ev-site .tool-page) .guide-section>h2{font-size:var(--ev-fs-h2);font-weight:var(--ev-fw-light)}:where(.ev-site .tool-page) .guide-section>.sub{color:var(--ev-muted);margin-top:-8px}:where(.ev-site .tool-page) .need{border:1px solid var(--ev-glass-border);border-radius:var(--ev-r-lg);background:var(--ev-glass-inner)}:where(.ev-site .tool-page) .need-row{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:16px;padding:16px 20px;display:grid}:where(.ev-site .tool-page) .need-row+.need-row{border-top:1px solid var(--ev-glass-border)}:where(.ev-site .tool-page) .need-label{color:var(--ev-fg-2);font-size:var(--ev-fs-sm);font-weight:var(--ev-fw-regular)}:where(.ev-site .tool-page) .need-label small{color:var(--ev-muted);font-weight:var(--ev-fw-light);margin-top:2px;font-size:12px;display:block}:where(.ev-site .tool-page) .need-val{align-items:center;gap:8px;min-width:0;display:flex}:where(.ev-site .tool-page) .need-val .val{min-width:0;font-family:var(--ev-font-mono);color:var(--ev-fg);background:var(--ev-glass-bg-strong);border:1px solid var(--ev-glass-border);border-radius:var(--ev-r-sm);text-overflow:ellipsis;white-space:nowrap;flex:auto;padding:10px 12px;font-size:14px;overflow:hidden}:where(.ev-site .tool-page) .need-val .btn-icon{flex:none;min-width:44px;min-height:44px}:where(.ev-site .tool-page) .steps{counter-reset:step;gap:0;margin:0;padding:0;list-style:none;display:grid}:where(.ev-site .tool-page) .steps>li{counter-increment:step;border-top:1px solid var(--ev-glass-border);grid-template-columns:40px minmax(0,1fr);gap:16px;padding:16px 0;display:grid}:where(.ev-site .tool-page) .steps>li:first-child{border-top:0;padding-top:0}:where(.ev-site .tool-page) .steps>li:before{content:counter(step,decimal-leading-zero);font-family:var(--ev-font-mono);color:var(--ev-accent);border:1px solid var(--ev-accent-soft-border);background:var(--ev-accent-soft);border-radius:var(--ev-r-sm);place-items:center;width:40px;height:32px;font-size:13px;display:grid}:where(.ev-site .tool-page) .steps b{font-weight:var(--ev-fw-regular);color:var(--ev-fg);margin-bottom:4px;display:block}:where(.ev-site .tool-page) .steps p{color:var(--ev-muted);line-height:1.55}:where(.ev-site .tool-page) .steps p:only-child{color:var(--ev-fg-2)}:where(.ev-site .tool-page) .steps code{font-family:var(--ev-font-mono);color:var(--ev-fg);background:var(--ev-glass-inner);border:1px solid var(--ev-glass-border);border-radius:var(--ev-r-sm);overflow-wrap:anywhere;padding:1px 5px;font-size:.9em}:where(.ev-site .tool-page) .guide code:not(pre code){font-family:var(--ev-font-mono);color:var(--ev-fg);background:var(--ev-glass-inner);border:1px solid var(--ev-glass-border);border-radius:var(--ev-r-sm);overflow-wrap:anywhere;padding:1px 5px;font-size:.9em}:where(.ev-site .tool-page) .kbdpath{font-family:var(--ev-font-mono);color:var(--ev-fg-2);font-size:13px}:where(.ev-site .tool-page) .actions{padding-top:8px}:where(.ev-site .tool-page) .state-card{justify-items:start;gap:16px;padding:40px 32px;display:grid}:where(.ev-site .tool-page) .state-card .state-icon{border-radius:var(--ev-r-md);border:1px solid var(--ev-glass-border);background:var(--ev-glass-inner);width:48px;height:48px;color:var(--ev-fg-2);place-items:center;display:grid}:where(.ev-site .tool-page) .state-card .state-icon .icon{width:24px;height:24px}:where(.ev-site .tool-page) .state-card h2{font-size:var(--ev-fs-h2);font-weight:var(--ev-fw-light)}:where(.ev-site .tool-page) .state-card p{color:var(--ev-muted);max-width:60ch}:where(.ev-site .tool-page) .progress-list{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}:where(.ev-site .tool-page) .progress-list li{color:var(--ev-fg-2);align-items:flex-start;gap:10px;display:flex}:where(.ev-site .tool-page) .progress-list .icon{width:18px;height:18px;color:var(--ev-muted);flex:none;margin-top:2px}:where(.ev-site .tool-page) .progress-list li.is-done .icon{color:var(--ev-success-text)}:where(.ev-site .tool-page) .issue-why{gap:12px;display:grid}:where(.ev-site .tool-page) .issue-why ol{color:var(--ev-fg-2);gap:8px;padding-left:22px;display:grid}:where(.ev-site .tool-page) .guide-seo-intro{gap:12px;max-width:68ch;display:grid}:where(.ev-site .tool-page) .guide-seo-intro p{color:var(--ev-fg-2);line-height:1.6}:where(.ev-site .tool-page) .rec-models{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}:where(.ev-site .tool-page) .rec-model{height:100%;color:var(--ev-fg);background:var(--ev-glass-inner);border:1px solid var(--ev-glass-border);border-radius:var(--ev-r-md);transition:border-color var(--ev-dur)var(--ev-ease);flex-direction:column;gap:4px;padding:14px 16px;display:flex}:where(.ev-site .tool-page) .rec-model:hover{border-color:var(--ev-accent-soft-border)}:where(.ev-site .tool-page) .rec-model:hover .rec-model-name{color:var(--ev-accent)}:where(.ev-site .tool-page) .rec-model-name{font-weight:var(--ev-fw-regular)}:where(.ev-site .tool-page) .rec-model-id{font-family:var(--ev-font-mono);color:var(--ev-muted);overflow-wrap:anywhere;font-size:12px}:where(.ev-site .tool-page) .rec-model-price{font-size:var(--ev-fs-sm);color:var(--ev-fg-2);font-feature-settings:"tnum"}:where(.ev-site .tool-page) .guide-faq{gap:0;display:grid}:where(.ev-site .tool-page) .guide-faq-item{border-top:1px solid var(--ev-glass-border);gap:6px;padding:16px 0;display:grid}:where(.ev-site .tool-page) .guide-faq-item:first-child{border-top:0;padding-top:0}:where(.ev-site .tool-page) .guide-faq-item h3{font-size:var(--ev-fs-body);font-weight:var(--ev-fw-regular);color:var(--ev-fg);line-height:1.4}:where(.ev-site .tool-page) .guide-faq-item p{color:var(--ev-muted);max-width:68ch;line-height:1.55}:where(.ev-site .tool-page) .guide-cta p{color:var(--ev-fg-2);max-width:60ch}@media (prefers-reduced-motion:reduce){:where(.ev-site .tool-page) .rec-model{transition:none}}@media (max-width:639px){:where(.ev-site .tool-page) .need-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 16px}:where(.ev-site .tool-page) .guide-section{padding:20px 16px}:where(.ev-site .tool-page) .state-card{padding:28px 20px}:where(.ev-site .tool-page) .guide-title .logo-box{width:48px;height:48px}}}