.tool-detail-page{--font-sans:var(--font-family-public-sans);--detail-type-display-size:clamp(2rem, 4vw, 2.5rem);--detail-type-heading-2-size:clamp(1.625rem, 3vw, 2rem);--detail-type-heading-3-size:1.25rem;--detail-type-heading-4-size:.9375rem;--detail-type-body-size:1rem;--detail-type-body-sm-size:.875rem;--detail-type-meta-size:.8125rem;--detail-type-label-size:.75rem;--detail-type-data-size:.9375rem;--detail-type-data-lg-size:1.25rem;--detail-type-data-display-size:clamp(2rem, 4vw, 3rem);font-family:var(--font-family-public-sans)}html:not(.dark) body:has(.public-shell .tool-detail-page){background:var(--color-canvas)}.public-shell .tool-detail-page{width:var(--page-rail-size);color:var(--color-text-default);gap:28px;margin:0 auto;padding:32px 0 80px;display:grid}.public-shell .tool-detail-page>.detail-hero-shell{border:1px solid color-mix(in srgb, var(--color-brand-action) 8%, var(--color-border-subtle));background:var(--color-surface);box-shadow:0 18px 50px color-mix(in srgb, var(--color-brand-action) 7%, transparent);border-radius:18px;padding:26px clamp(28px,4.2vw,50px) 0;position:relative;overflow:hidden}.public-shell .tool-detail-page>.detail-hero-shell:before,.public-shell .tool-detail-page>.detail-hero-shell:after{content:none}.tool-detail-page>.detail-hero-shell>.detail-breadcrumb{min-width:0;color:var(--color-text-subtle);font-size:var(--detail-type-meta-size);flex-wrap:wrap;align-items:center;gap:7px;font-weight:500;line-height:1.4;display:flex}.public-shell .detail-breadcrumb>svg{width:14px;height:14px;color:var(--color-text-disabled)}.public-shell .detail-breadcrumb-link{border-radius:var(--radius-sm);min-height:32px;color:var(--color-text-subtle);align-items:center;gap:6px;display:inline-flex}.public-shell .detail-breadcrumb-link:hover{color:var(--color-brand-text)}.public-shell .detail-breadcrumb-link svg{width:14px;height:14px}.public-shell .detail-breadcrumb-current{max-width:min(42vw,360px);color:var(--color-text-default);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.public-shell .detail-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(390px,1fr);align-items:center;gap:clamp(30px,4vw,54px);padding:clamp(10px,1.6vw,20px) 0 clamp(44px,5vw,64px);display:grid}.public-shell :where(.detail-hero-copy,.detail-hero-preview,.detail-product-summary-copy){min-width:0}.public-shell .detail-hero-copy{align-content:center;gap:20px;display:grid}.public-shell .detail-product-summary{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:16px;display:grid}.public-shell .detail-product-logo{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:64px;height:64px;color:var(--color-brand-text);background:var(--color-surface);font-size:var(--detail-type-data-lg-size);place-items:center;font-weight:600;line-height:1;display:grid;overflow:hidden}.public-shell .detail-product-logo img{object-fit:contain;width:100%;height:100%;padding:8px}.public-shell .detail-product-logo-fallback{background:var(--color-surface-muted);place-items:center;width:100%;height:100%;display:grid}.public-shell .detail-product-logo-fallback[hidden]{display:none}.public-shell .detail-product-summary-copy{gap:10px;display:grid}.public-shell .detail-title-row{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.tool-detail-page>section.detail-hero-shell .detail-title-row h1{min-width:0;color:var(--color-text-strong);font-size:var(--detail-type-display-size);letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-weight:600;line-height:1.08}:lang(zh-CN) .tool-detail-page>section.detail-hero-shell .detail-title-row h1{letter-spacing:-.01em}.public-shell .detail-verification-status{border:1px solid var(--color-neutral-status-border);border-radius:var(--radius-sm);min-height:28px;color:var(--color-neutral-status-text);background:var(--color-neutral-status-surface);font-size:var(--detail-type-label-size);align-items:center;gap:6px;padding:0 9px;font-weight:600;display:inline-flex}.public-shell .detail-verification-status.is-verified{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-surface)}.public-shell .detail-verification-status svg{width:14px;height:14px}.public-shell .detail-hero-tagline{max-width:58ch;color:var(--color-text-default);font-size:var(--detail-type-body-size);margin:0;line-height:1.65}.public-shell .detail-hero-tags{flex-wrap:wrap;gap:10px;display:flex}.public-shell .detail-hero-tags span{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);min-height:38px;color:var(--color-text-default);background:var(--color-surface-muted);font-size:var(--detail-type-body-sm-size);align-items:center;padding:0 16px;font-weight:600;display:inline-flex}.public-shell .detail-hero-tags span:first-child{border-color:color-mix(in srgb, var(--color-brand-action) 20%, var(--color-border-subtle));color:var(--color-brand-text);background:color-mix(in srgb, var(--color-brand-surface) 72%, var(--color-surface))}.public-shell .detail-hero-evidence{border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;align-items:center;gap:8px 16px;padding-top:16px;display:flex}.public-shell .detail-hero-evidence :where(span,a){min-height:28px;color:var(--color-text-subtle);font-size:var(--detail-type-label-size);align-items:center;gap:6px;font-weight:500;display:inline-flex}.public-shell .detail-hero-evidence a:hover{color:var(--color-brand-text)}.public-shell .detail-hero-evidence .is-unconfirmed{color:var(--color-neutral-status-text)}.public-shell .detail-hero-evidence svg{width:14px;height:14px}.public-shell .detail-data-notice{border:1px solid var(--color-attention-border);border-left:3px solid var(--color-attention);border-radius:var(--radius-lg);color:var(--color-attention-text);background:var(--color-attention-surface);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px 14px;display:grid}.public-shell .detail-data-notice>svg{width:18px;height:18px;margin-top:2px}.public-shell .detail-data-notice>div{gap:2px;display:grid}.public-shell .detail-data-notice strong{font-size:var(--detail-type-meta-size);font-weight:600}.public-shell .detail-data-notice span{color:var(--color-text-default);font-size:var(--detail-type-meta-size);line-height:1.5}.public-shell .detail-hero-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-detail-page>section.detail-hero-shell a.detail-visit-link{border:1px solid var(--color-brand-action);min-height:50px;color:var(--color-brand-on-action);background:var(--color-brand-action);box-shadow:0 12px 28px color-mix(in srgb, var(--color-brand-action) 22%, transparent);font-size:var(--detail-type-body-size);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:600;display:inline-flex}.public-shell .detail-visit-link:hover{border-color:var(--color-brand-hover);color:var(--color-brand-on-action);background:var(--color-brand-hover);box-shadow:0 14px 32px color-mix(in srgb, var(--color-brand-action) 26%, transparent);transform:translateY(-1px)}.public-shell .detail-visit-link:active{border-color:var(--color-brand-pressed);background:var(--color-brand-pressed)}.public-shell .detail-visit-link svg{width:16px;height:16px}.public-shell .detail-follow-form{margin:0;display:flex;position:relative}.public-shell .detail-follow-button{border:1px solid var(--color-border-default);width:50px;height:50px;color:var(--color-text-default);box-shadow:none;cursor:pointer;background:0 0;border-radius:14px;place-items:center;padding:0;display:grid;position:relative}.public-shell .detail-follow-button:hover{border-color:var(--color-brand-border);color:var(--color-brand-text);background:var(--color-brand-surface);box-shadow:none;transform:none}.public-shell .detail-follow-button-active{border-color:var(--color-attention-border);color:var(--color-attention-text);background:var(--color-attention-surface)}.public-shell .detail-report-button:hover{border-color:var(--color-error-border);color:var(--color-error-text);background:var(--color-error-surface)}.public-shell .detail-follow-button:disabled{border-color:var(--color-border-subtle);color:var(--color-text-disabled);background:var(--color-surface-muted);cursor:not-allowed;opacity:1}.public-shell .detail-follow-button[data-pending=true]{border-color:var(--color-brand-border);color:var(--color-brand-text);background:var(--color-brand-surface);cursor:wait;opacity:1}.public-shell .detail-follow-button[data-pending=true] .detail-follow-icon{animation:detail-bookmark-pulse .7s var(--ease-standard) infinite alternate}.public-shell .detail-follow-feedback{z-index:var(--z-popover);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);width:max-content;max-width:min(240px,100vw - 32px);color:var(--color-error-text);background:var(--color-error-surface);box-shadow:var(--shadow-card);font-size:var(--detail-type-label-size);padding:8px 10px;font-weight:600;line-height:1.4;position:absolute;top:calc(100% + 8px);right:0}@keyframes detail-bookmark-pulse{0%{opacity:.42;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.public-shell .detail-follow-button svg{width:18px;height:18px}.public-shell .detail-follow-button:after{z-index:var(--z-popover);border:1px solid var(--color-inverse-border);border-radius:var(--radius-sm);width:max-content;max-width:220px;color:var(--color-text-inverse);background:var(--color-surface-inverse);box-shadow:none;content:attr(data-tooltip);font-size:var(--detail-type-label-size);opacity:0;pointer-events:none;white-space:nowrap;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);padding:6px 8px;font-weight:600;line-height:1.35;position:absolute;top:auto;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.public-shell .detail-follow-button:is(:hover,:focus-visible):after{opacity:1;transform:translate(-50%)}.public-shell .detail-hero-preview{min-width:0;display:grid}.public-shell .detail-hero-preview-stack{gap:10px;display:grid}.public-shell .detail-preview-frame{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:none;overflow:hidden}.public-shell .detail-preview-frame:before,.public-shell .detail-preview-frame:after{content:none}.public-shell .detail-preview-topbar{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:42px;padding:0 14px;display:grid}.public-shell .detail-window-dots{align-items:center;gap:5px;display:flex}.public-shell .detail-window-dots span{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface-muted);width:7px;height:7px}.public-shell .detail-preview-url{min-width:0;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--detail-type-label-size);text-overflow:ellipsis;white-space:nowrap;justify-self:center;align-items:center;gap:6px;font-weight:500;display:inline-flex;overflow:hidden}.public-shell .detail-preview-url svg{flex:none;width:13px;height:13px}.public-shell .detail-preview-body{aspect-ratio:16/9;background:var(--color-surface-muted);place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.public-shell .detail-preview-body img{object-fit:contain;background:var(--color-surface);width:100%;height:100%}.public-shell .detail-preview-empty{width:100%;height:100%;color:var(--color-text-subtle);background:var(--color-surface-muted);text-align:center;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.public-shell .detail-preview-empty[hidden]{display:none}.public-shell .detail-preview-empty svg{width:34px;height:34px;color:var(--color-text-disabled)}.public-shell .detail-preview-empty strong{max-width:34ch;color:var(--color-text-strong);font-size:var(--detail-type-heading-4-size);font-weight:600}.public-shell .detail-preview-empty span{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--detail-type-label-size)}.public-shell .detail-integration-strip{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:8px 10px 8px 14px;display:flex}.public-shell :where(.detail-integration-label,.detail-content-label){color:var(--color-text-subtle);font-size:var(--detail-type-label-size);letter-spacing:.04em;text-transform:none;font-weight:600;line-height:1.4}.public-shell .detail-integration-statuses{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.public-shell .detail-integration-status{border:1px solid var(--color-neutral-status-border);border-radius:var(--radius-md);min-height:36px;color:var(--color-neutral-status-text);background:var(--color-neutral-status-surface);font-size:var(--detail-type-label-size);grid-template-columns:auto auto auto;align-items:center;gap:6px;padding:0 9px;display:grid}.public-shell .detail-integration-status.is-available{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-surface)}.public-shell .detail-integration-status svg{width:14px;height:14px}.public-shell .detail-integration-status strong{font-weight:600}.public-shell .detail-integration-status>span:last-child{color:var(--color-text-subtle)}.public-shell .detail-hero-stats{border:0;border-top:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:0;margin-inline:clamp(-50px,-4.2vw,-28px);padding:18px clamp(28px,4.2vw,50px);overflow:hidden}.public-shell .detail-stat-row{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.public-shell .detail-stat-item{background:var(--color-surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:86px;padding:14px;display:grid}.public-shell .detail-stat-item+.detail-stat-item{border-left:1px solid var(--color-border-subtle)}.public-shell .detail-stat-item>span:last-child{gap:4px;min-width:0;display:grid}.public-shell .detail-stat-icon{border:1px solid var(--color-neutral-status-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-neutral-status-text);background:var(--color-neutral-status-surface);place-items:center;display:grid}.public-shell .detail-stat-icon.is-info{border-color:var(--color-info-border);color:var(--color-info-text);background:var(--color-info-surface)}.public-shell .detail-stat-icon svg{width:16px;height:16px}.public-shell .detail-stat-item small{color:var(--color-text-subtle);font-size:var(--detail-type-label-size);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.35;overflow:hidden}.public-shell .detail-stat-item strong{color:var(--color-text-strong);font-family:var(--font-mono);font-size:var(--detail-type-data-size);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.3}.public-shell .detail-stat-value-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.public-shell .traffic-growth-pill{border:1px solid var(--color-neutral-status-border);border-radius:var(--radius-sm);min-height:24px;color:var(--color-neutral-status-text);background:var(--color-neutral-status-surface);font-size:var(--detail-type-label-size);align-items:center;gap:3px;padding:0 7px;font-weight:600;line-height:1;display:inline-flex}.public-shell .traffic-growth-pill.positive{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-surface)}.public-shell .traffic-growth-pill.negative{border-color:var(--color-error-border);color:var(--color-error-text);background:var(--color-error-surface)}.public-shell .traffic-growth-pill svg{width:13px;height:13px}.public-shell .detail-content-layout{grid-template-columns:minmax(0,3fr) minmax(320px,1fr);align-items:start;gap:32px 28px;margin-top:0;display:grid}.public-shell .detail-overview-card{border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:18px;grid-area:1/1;padding:clamp(34px,4.8vw,56px)}.public-shell .detail-overview-header,.public-shell .detail-pricing-head,.public-shell .detail-subsection-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.public-shell .detail-overview-heading{gap:7px;min-width:0;display:grid}.public-shell .detail-section-kicker{border-left:3px solid var(--color-brand-action);min-height:22px;color:var(--color-brand-text);font-size:var(--detail-type-label-size);letter-spacing:.04em;text-transform:none;align-items:center;margin:0;padding-left:10px;font-weight:600;line-height:1.4;display:inline-flex}.public-shell .detail-section-kicker:before{content:none}.public-shell .detail-overview-heading h2,.public-shell .detail-pricing-head h3,.public-shell .detail-subsection-head h3{color:var(--color-text-strong);margin:0;font-weight:600}.public-shell .detail-overview-heading h2{font-size:var(--detail-type-heading-2-size);letter-spacing:-.02em;text-wrap:balance;line-height:1.2}.public-shell .detail-overview-heading p,.public-shell .detail-pricing-head p{max-width:62ch;color:var(--color-text-default);font-size:var(--detail-type-body-sm-size);margin:0;line-height:1.55}.public-shell :where(.detail-source-link,.detail-pricing-link){border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-height:40px;color:var(--color-text-strong);background:var(--color-surface);font-size:var(--detail-type-meta-size);flex:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:600;display:inline-flex}.public-shell :where(.detail-source-link,.detail-pricing-link):hover{border-color:var(--color-brand-border);color:var(--color-brand-text);background:var(--color-brand-surface);transform:none}.public-shell :where(.detail-source-link,.detail-pricing-link) svg{width:15px;height:15px}.public-shell .detail-overview-intro-grid{border-top:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1fr);margin-top:28px;padding-top:28px;display:grid}.public-shell .detail-overview-about{align-content:start;gap:12px;min-width:0;display:grid}.public-shell .detail-overview-description{max-width:62ch;color:var(--color-text-default);font-size:var(--detail-type-body-size);text-wrap:pretty;margin:0;line-height:1.65}.public-shell .detail-best-for{gap:9px;margin-top:6px;display:grid}.public-shell .detail-best-for>strong{color:var(--color-text-strong);font-size:var(--detail-type-meta-size);font-weight:600}.public-shell .detail-fit-list{flex-wrap:wrap;gap:6px;display:flex}.public-shell .detail-fit-chip{border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-height:32px;color:var(--color-text-default);background:var(--color-surface-subtle);font-size:var(--detail-type-label-size);align-items:center;padding:0 10px;font-weight:600;display:inline-flex}.public-shell .detail-key-features,.public-shell .detail-taxonomy-section,.public-shell .detail-pricing-section,.public-shell .detail-pricing-unconfirmed{border-top:1px solid var(--color-border-default);margin-top:32px;padding-top:28px}.public-shell .detail-taxonomy-section{gap:18px;display:grid}.public-shell .detail-taxonomy-status{border:1px solid var(--color-border-default);min-height:32px;color:var(--color-text-default);background:var(--color-surface-subtle);font-size:var(--detail-type-label-size);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-weight:600;display:inline-flex}.public-shell .detail-taxonomy-status.is-verified{border-color:var(--color-brand-border);color:var(--color-brand-text);background:var(--color-brand-surface)}.public-shell .detail-taxonomy-primary,.public-shell .detail-taxonomy-capabilities{gap:8px;display:grid}.public-shell :where(.detail-taxonomy-primary,.detail-taxonomy-capabilities)>span{color:var(--color-text-subtle);font-size:var(--detail-type-label-size);font-weight:600}.public-shell .detail-taxonomy-primary>strong{color:var(--color-text-strong);font-size:var(--detail-type-body-size);flex-wrap:wrap;align-items:center;gap:7px;font-weight:650;display:flex}.public-shell .detail-taxonomy-primary svg{width:14px;height:14px;color:var(--color-text-subtle)}.public-shell .detail-taxonomy-chip-list{flex-wrap:wrap;gap:7px;display:flex}.public-shell .detail-taxonomy-chip{border:1px solid var(--color-border-default);min-height:32px;color:var(--color-text-default);background:var(--color-surface-subtle);font-size:var(--detail-type-label-size);border-radius:999px;align-items:center;padding:0 11px;font-weight:600;display:inline-flex}.public-shell .detail-subsection-head>div{gap:7px;display:grid}.public-shell .detail-subsection-head h3{font-size:var(--detail-type-heading-3-size);line-height:1.3}.public-shell .detail-subsection-count{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);min-width:32px;min-height:32px;color:var(--color-text-default);background:var(--color-surface-muted);font-family:var(--font-mono);font-size:var(--detail-type-label-size);justify-content:center;align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.public-shell .detail-key-feature-list{border-top:1px solid var(--color-border-subtle);margin-top:18px;display:grid}.public-shell .detail-key-feature-item{border:0;border-bottom:1px solid var(--color-border-subtle);min-width:0;box-shadow:none;background:0 0;border-radius:0;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:16px 0;display:grid}.public-shell .detail-key-feature-item:nth-child(2n){background:0 0}.public-shell .detail-key-feature-index{color:var(--color-brand-text);font-family:var(--font-mono);font-size:var(--detail-type-label-size);font-weight:600}.public-shell .detail-key-feature-item>div{gap:4px;min-width:0;display:grid}.public-shell .detail-key-feature-item :where(h4,p){margin:0}.public-shell .detail-key-feature-item h4{color:var(--color-text-strong);font-size:var(--detail-type-heading-4-size);font-weight:600}.public-shell .detail-key-feature-item p{color:var(--color-text-default);font-size:var(--detail-type-body-sm-size);line-height:1.55}.public-shell .detail-feature-overflow-note{color:var(--color-text-subtle);font-size:var(--detail-type-label-size);margin:12px 0 0}.public-shell .detail-pricing-head>div{gap:7px;min-width:0;display:grid}.public-shell .detail-pricing-head h3{font-size:var(--detail-type-heading-3-size);line-height:1.3}.public-shell .detail-plan-comparison{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface);scrollbar-width:thin;margin-top:18px;overflow-x:auto}.public-shell .detail-plan-comparison table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:700px}.public-shell .detail-plan-comparison :where(th,td){text-align:left;vertical-align:top;padding:14px 16px}.public-shell .detail-plan-comparison th{color:var(--color-text-subtle);background:var(--color-surface-subtle);font-size:var(--detail-type-label-size);letter-spacing:.04em;text-transform:none;font-weight:600}.public-shell .detail-plan-comparison th:first-child{width:24%}.public-shell .detail-plan-comparison th:nth-child(2){width:22%}.public-shell .detail-plan-comparison th:last-child{width:56px}.public-shell .detail-plan-comparison tbody tr{border-top:1px solid var(--color-border-subtle);background:var(--color-surface)}.public-shell .detail-plan-comparison tbody tr:hover{background:var(--color-surface-subtle)}.public-shell .detail-plan-comparison tbody tr.is-free-plan{box-shadow:inset 3px 0 0 var(--color-brand-action)}.public-shell :where(.detail-plan-identity,.detail-plan-table-price){gap:3px;display:grid}.public-shell :where(.detail-plan-identity,.detail-plan-table-price) strong{color:var(--color-text-strong);font-size:var(--detail-type-body-sm-size);font-weight:600}.public-shell :where(.detail-plan-identity,.detail-plan-table-price) span,.public-shell .detail-plan-table-empty{color:var(--color-text-subtle);font-size:var(--detail-type-label-size);line-height:1.45}.public-shell .detail-plan-table-features{gap:6px;margin:0;padding:0;list-style:none;display:grid}.public-shell .detail-plan-table-features li{color:var(--color-text-default);font-size:var(--detail-type-meta-size);padding-left:13px;line-height:1.45;position:relative}.public-shell .detail-plan-table-features li:before{border-radius:var(--radius-full);background:var(--color-brand);content:"";width:5px;height:5px;position:absolute;top:.58em;left:0}.public-shell .detail-plan-table-features .detail-plan-table-more{color:var(--color-text-subtle)}.public-shell .detail-plan-table-action{text-align:right}.public-shell .detail-plan-table-action a{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-default);background:var(--color-surface);place-items:center;display:inline-grid}.public-shell .detail-plan-table-action a:hover{border-color:var(--color-brand-border);color:var(--color-brand-text);background:var(--color-brand-surface)}.public-shell .detail-plan-table-action svg{width:15px;height:15px}.public-shell .detail-pricing-unconfirmed{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.public-shell .detail-pricing-unconfirmed-icon{border:1px solid var(--color-neutral-status-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-neutral-status-text);background:var(--color-neutral-status-surface);place-items:center;display:grid}.public-shell .detail-pricing-unconfirmed-icon svg{width:19px;height:19px}.public-shell .detail-pricing-unconfirmed>div{gap:5px;display:grid}.public-shell .detail-pricing-unconfirmed :where(h3,p){margin:0}.public-shell .detail-pricing-unconfirmed h3{color:var(--color-text-strong);font-size:var(--detail-type-body-size);font-weight:600}.public-shell .detail-pricing-unconfirmed p{color:var(--color-text-default);font-size:var(--detail-type-meta-size);line-height:1.5}.public-shell .detail-traffic-section{grid-area:2/1;min-width:0;margin-top:0}.public-shell .traffic-dashboard{gap:18px;display:grid}.public-shell .traffic-dashboard-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.public-shell .traffic-section-kicker{color:var(--color-brand-text);font-size:var(--detail-type-label-size);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:8px;font-weight:600;display:inline-flex}.public-shell .traffic-kicker-icon,.public-shell .traffic-panel-title>span{border:1px solid var(--color-brand-border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-brand-text);background:var(--color-brand-surface);place-items:center;display:inline-grid}.public-shell :where(.traffic-kicker-icon,.traffic-panel-title>span) svg{width:15px;height:15px}.public-shell .traffic-dashboard-title{color:var(--color-text-strong);font-size:var(--detail-type-heading-2-size);letter-spacing:-.02em;letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}.public-shell .traffic-dashboard-subtitle{max-width:62ch;color:var(--color-text-default);font-size:var(--detail-type-body-sm-size);margin:6px 0 0;line-height:1.55}.public-shell .traffic-data-status,.public-shell :where(.traffic-ai-period,.traffic-keyword-count){border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-height:36px;color:var(--color-text-default);background:var(--color-surface);box-shadow:none;font-size:var(--detail-type-label-size);align-items:center;gap:8px;padding:0 10px;font-weight:600;display:inline-flex}.public-shell .traffic-data-status.is-partial{border-color:var(--color-attention-border);color:var(--color-attention-text);background:var(--color-attention-surface)}.public-shell .traffic-data-state{border:1px dashed var(--color-border-strong);border-left:3px solid var(--color-neutral-status);border-radius:var(--radius-xl);background:var(--color-surface-subtle);align-content:center;gap:8px;min-height:220px;padding:28px;display:grid}.public-shell .traffic-data-state :where(h2,p){margin:0}.public-shell .traffic-latest-dot{border-radius:var(--radius-full);background:var(--color-success);width:7px;height:7px;box-shadow:none}.public-shell .traffic-dashboard-card{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface);min-width:0;box-shadow:none;overflow:hidden}.public-shell .traffic-dashboard-card:hover{border-color:var(--color-border-default);box-shadow:none;transform:none}.public-shell .traffic-dashboard-shell:before,.public-shell .traffic-dashboard-shell:after{content:none}.public-shell .traffic-trend-grid{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.public-shell .traffic-trend-panel{background:var(--color-surface);grid-template-rows:auto minmax(0,1fr);gap:22px;min-width:0;padding:28px;display:grid}.public-shell .traffic-trend-panel+.traffic-trend-panel{border-left:1px solid var(--color-border-subtle)}.public-shell .traffic-chart-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.public-shell .traffic-chart-panel-head h3{color:var(--color-text-strong);font-size:var(--detail-type-body-size);margin:0;font-weight:600}.public-shell .traffic-chart-panel-head p{color:var(--color-text-subtle);font-size:var(--detail-type-meta-size);margin:4px 0 0}.public-shell .traffic-chart-panel-head>strong{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);min-height:32px;color:var(--color-text-strong);background:var(--color-surface-muted);font-family:var(--font-mono);font-size:var(--detail-type-meta-size);align-items:center;padding:0 9px;font-weight:600;display:inline-flex}.public-shell .traffic-dashboard-chart-frame{width:100%;min-height:240px}.public-shell .traffic-dashboard-chart-frame .traffic-chart{background:0 0;border-radius:0;height:240px;margin:0;padding:0}.public-shell .traffic-dashboard .recharts-default-tooltip{border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg)!important;color:var(--color-text-strong)!important;background:var(--color-surface-elevated)!important;box-shadow:var(--shadow-float)!important}.public-shell .traffic-chart .recharts-cartesian-axis-tick-value{fill:var(--color-text-subtle);font-size:var(--detail-type-label-size);font-weight:500}.public-shell .traffic-chart .recharts-cartesian-grid line{stroke:var(--color-border-subtle)}.public-shell .traffic-single-point{align-content:center;gap:18px;display:grid}.public-shell .traffic-single-point-scale{border-radius:var(--radius-full);background:var(--color-surface-muted);width:100%;height:8px;position:relative}.public-shell .traffic-single-point-fill{border-radius:inherit;background:var(--color-chart-2);position:absolute;inset:0 auto 0 0}.public-shell .traffic-single-point-marker{border:3px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-chart-2);width:16px;height:16px;box-shadow:0 0 0 1px var(--color-border-strong);position:absolute;top:50%;transform:translate(-50%,-50%)}.public-shell .traffic-single-point-labels{color:var(--color-text-subtle);font-size:var(--detail-type-label-size);grid-template-columns:1fr auto 1fr;gap:12px;display:grid}.public-shell .traffic-single-point-labels strong{color:var(--color-text-default);font-size:var(--detail-type-label-size);text-align:center}.public-shell .traffic-single-point-labels span:last-child{text-align:right}.public-shell .traffic-donut-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.public-shell .traffic-insight-panel{min-width:0;padding:28px}.public-shell .traffic-insight-panel+.traffic-insight-panel{border-left:1px solid var(--color-border-subtle)}.public-shell .traffic-panel-title{color:var(--color-text-strong);font-size:var(--detail-type-body-size);align-items:center;gap:10px;margin:0 0 20px;font-weight:600;display:flex}.public-shell .traffic-donut-layout{grid-template-columns:minmax(160px,.9fr) minmax(150px,1.1fr);align-items:center;gap:20px;display:grid}.public-shell .traffic-donut-chart{width:100%;min-width:0;height:220px;position:relative}.public-shell .traffic-donut-center{pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.public-shell .traffic-donut-center strong{color:var(--color-text-strong);font-family:var(--font-mono);font-size:var(--detail-type-data-lg-size);font-weight:600}.public-shell .traffic-donut-center span{color:var(--color-text-subtle);font-size:var(--detail-type-label-size);letter-spacing:.04em;text-transform:none;white-space:nowrap;font-weight:500}.public-shell .traffic-donut-legend{gap:10px;display:grid}.public-shell .traffic-donut-legend-row{min-width:0;font-size:var(--detail-type-meta-size);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.public-shell .traffic-donut-swatch{border-radius:var(--radius-xs);width:9px;height:9px}.public-shell .traffic-donut-label{color:var(--color-text-default);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.public-shell .traffic-donut-legend-row strong{color:var(--color-text-strong);font-family:var(--font-mono);font-size:var(--detail-type-label-size);font-weight:600}.public-shell .traffic-ai-panel,.public-shell .traffic-keyword-panel{border-top:1px solid var(--color-border-subtle);padding:28px}.public-shell :where(.traffic-ai-panel-head,.traffic-keyword-panel-head){justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.public-shell :where(.traffic-ai-panel-head,.traffic-keyword-panel-head) .traffic-panel-title{margin-bottom:5px}.public-shell :where(.traffic-ai-panel-head,.traffic-keyword-panel-head) p,.public-shell .traffic-ai-source-head p{color:var(--color-text-subtle);font-size:var(--detail-type-meta-size);margin:0;line-height:1.5}.public-shell .traffic-ai-layout{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);display:grid;overflow:hidden}.public-shell .traffic-ai-overview{border-right:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);align-content:space-between;gap:24px;min-width:0;padding:24px;display:grid}.public-shell .traffic-ai-primary-stat{gap:6px;display:grid}.public-shell :where(.traffic-ai-primary-stat>span,.traffic-ai-secondary-stats span){color:var(--color-text-subtle);font-size:var(--detail-type-label-size);letter-spacing:.04em;text-transform:none;font-weight:600}.public-shell .traffic-ai-primary-stat>strong{color:var(--color-text-strong);font-family:var(--font-mono);font-size:var(--detail-type-data-display-size);letter-spacing:-.04em;font-weight:600;line-height:1}.public-shell .traffic-ai-primary-stat>small{color:var(--color-text-default);font-size:var(--detail-type-label-size)}.public-shell .traffic-ai-secondary-stats{display:grid}.public-shell .traffic-ai-secondary-stats>div{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.public-shell .traffic-ai-secondary-stats strong{color:var(--color-text-strong);font-family:var(--font-mono);font-size:var(--detail-type-meta-size);font-weight:600}.public-shell .traffic-ai-source-panel{min-width:0;padding:22px 24px}.public-shell .traffic-ai-source-head{justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.public-shell .traffic-ai-source-head h4{color:var(--color-text-strong);font-size:var(--detail-type-heading-4-size);margin:0 0 4px;font-weight:600}.public-shell .traffic-ai-source-head>strong{color:var(--color-brand-text);font-family:var(--font-mono);font-size:var(--detail-type-label-size);font-weight:600}.public-shell .traffic-ai-source-list{display:grid}.public-shell .traffic-ai-source-row{border-top:1px solid var(--color-border-subtle);grid-template-columns:minmax(140px,1fr) minmax(100px,.7fr) auto;align-items:center;gap:20px;min-height:76px;display:grid}.public-shell .traffic-ai-source-identity{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.public-shell .traffic-ai-source-identity>span{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--detail-type-label-size);font-weight:600}.public-shell .traffic-ai-source-identity>div{gap:2px;min-width:0;display:grid}.public-shell .traffic-ai-source-identity :where(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-shell .traffic-ai-source-identity strong{color:var(--color-text-strong);font-size:var(--detail-type-meta-size);font-weight:600}.public-shell :where(.traffic-ai-source-identity small,.traffic-ai-source-no-history){color:var(--color-text-subtle);font-size:var(--detail-type-label-size)}.public-shell .traffic-ai-source-history{grid-auto-columns:minmax(16px,1fr);grid-auto-flow:column;align-items:end;gap:5px;height:48px;display:grid}.public-shell .traffic-ai-source-history>span{grid-template-rows:minmax(0,1fr) auto;place-items:end center;gap:3px;height:100%;display:grid}.public-shell .traffic-ai-source-history i{background:var(--color-chart-2);width:min(100%,16px);min-height:3px;box-shadow:none;border-radius:3px 3px 1px 1px;display:block}.public-shell .traffic-ai-source-history small{color:var(--color-text-subtle);font-size:var(--detail-type-label-size)}.public-shell .traffic-ai-source-share{color:var(--color-text-strong);font-family:var(--font-mono);font-size:var(--detail-type-meta-size);text-align:right;font-weight:600}.public-shell .traffic-keyword-table-wrap{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface);scrollbar-width:thin;overflow-x:auto}.public-shell .traffic-keyword-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:820px}.public-shell .traffic-keyword-table :where(th,td){text-align:left;vertical-align:middle;padding:14px 15px}.public-shell .traffic-keyword-table th{color:var(--color-text-subtle);background:var(--color-surface-subtle);font-size:var(--detail-type-label-size);letter-spacing:.04em;text-transform:none;font-weight:600}.public-shell .traffic-keyword-table tbody tr{border-top:1px solid var(--color-border-subtle);background:var(--color-surface)}.public-shell .traffic-keyword-table tbody tr:hover{background:var(--color-surface-subtle)}.public-shell .traffic-keyword-rank,.public-shell .traffic-keyword-metric{color:var(--color-text-default);font-family:var(--font-mono);font-size:var(--detail-type-label-size);font-weight:600}.public-shell .traffic-keyword-table td>strong{color:var(--color-text-strong);font-size:var(--detail-type-meta-size);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.public-shell .traffic-keyword-traffic{color:var(--color-brand-text)}.public-shell .traffic-keyword-capture{color:var(--color-text-default);font-family:var(--font-mono);font-size:var(--detail-type-label-size);grid-template-columns:48px minmax(64px,1fr);align-items:center;gap:8px;font-weight:600;display:grid}.public-shell .traffic-keyword-capture-track{border-radius:var(--radius-full);background:var(--color-surface-muted);height:6px;display:block;overflow:hidden}.public-shell .traffic-keyword-capture-track>span{border-radius:inherit;background:var(--color-chart-3);height:100%;display:block}.public-shell .traffic-empty-note{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);min-height:88px;color:var(--color-text-subtle);background:var(--color-surface-subtle);font-size:var(--detail-type-meta-size);text-align:center;place-items:center;margin:0;padding:18px;display:grid}.public-shell .detail-content-sidebar{grid-area:1/2/span 2;gap:24px;min-width:0;display:grid;position:static;top:auto}.public-shell .detail-content-sidebar .market-newsletter--sidebar{border:1px solid color-mix(in srgb, var(--color-brand-action) 18%, var(--color-border-subtle));color:var(--color-text-default);background:radial-gradient(circle at 5% 4%, color-mix(in srgb, var(--color-brand-action) 8%, transparent), transparent 30%), color-mix(in srgb, var(--color-brand-surface) 42%, var(--color-surface));box-shadow:0 14px 36px color-mix(in srgb, var(--color-brand-action) 8%, transparent), inset 0 1px 0 #fffc;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:16px;padding:24px;display:grid}.public-shell .detail-content-sidebar .market-newsletter--sidebar :where(h3,p){margin:0}.public-shell .detail-content-sidebar .market-newsletter--sidebar h3{color:var(--color-text-strong);font-size:var(--detail-type-heading-3-size);font-weight:600;line-height:1.25}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-copy>p{color:var(--color-brand-text);font-size:var(--detail-type-label-size)}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-copy>span{color:var(--color-text-subtle);font-size:var(--detail-type-meta-size);line-height:1.55}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-copy{gap:8px;display:grid}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:4px 0 0;padding:0;list-style:none;display:grid}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-topics li{border:1px solid color-mix(in srgb, var(--color-brand-action) 15%, var(--color-border-subtle));min-height:34px;color:var(--color-text-default);background:color-mix(in srgb, var(--color-surface) 92%, var(--color-brand-surface));font-size:var(--detail-type-label-size);white-space:normal;border-radius:9px;align-items:center;gap:7px;padding:5px 8px;font-weight:600;line-height:1.2;display:flex;box-shadow:inset 0 1px #ffffffc2}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-topics li:before{content:none}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-topics li svg{width:18px;height:18px;color:var(--color-brand-text);background:var(--color-brand-surface);border-radius:6px;flex:0 0 18px;padding:4px}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-form{grid-template-columns:1fr;gap:8px;margin-top:0;display:grid}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-form label>svg{color:var(--color-text-subtle);left:13px}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-form input{border:1px solid var(--color-border-default);width:100%;min-height:42px;color:var(--color-text-default);background:var(--color-surface);font-size:var(--detail-type-meta-size);border-radius:10px;padding:0 12px 0 40px}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-form input::placeholder{color:var(--color-text-disabled)}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-form button{border:1px solid var(--color-brand-action);min-height:42px;color:var(--color-brand-on-action);background:var(--color-brand-action);cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand-action) 18%, transparent);font-size:var(--detail-type-meta-size);border-radius:10px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-form button:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover)}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-form>small{color:var(--color-text-subtle);font-size:var(--detail-type-label-size);line-height:1.45}.public-shell .detail-content-sidebar .market-newsletter--sidebar .ranking-newsletter-success{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-surface)}.public-shell .detail-content-sidebar .tool-listing-section{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface);margin:0;padding:20px}.public-shell .detail-content-sidebar .tool-listing-section .section-copy{border-bottom:1px solid var(--color-border-subtle);align-items:start;gap:8px;margin:0 0 16px;padding:0 0 14px;display:grid}.public-shell .detail-content-sidebar .tool-listing-section .section-copy h2{color:var(--color-text-strong);font-size:var(--detail-type-heading-3-size);margin:0;font-weight:600;line-height:1.3}.public-shell .detail-content-sidebar .tool-listing-section .section-copy p{color:var(--color-text-subtle);font-size:var(--detail-type-meta-size);margin:0;line-height:1.5}.public-shell .detail-content-sidebar .tool-listing-count{display:none}.public-shell .detail-content-sidebar .tool-grid-directory{grid-template-columns:1fr}.public-shell .detail-content-sidebar .tool-card-directory{min-height:220px}.public-shell .tool-detail-state-page{width:var(--page-rail-size);min-height:62vh;margin:0 auto;padding:64px 0 96px}.public-shell .tool-detail-state,.public-shell .tool-detail-loading{border:1px dashed var(--color-border-strong);border-left:3px solid var(--color-neutral-status);border-radius:var(--radius-xl);background:var(--color-surface-subtle);place-content:center;justify-items:start;gap:12px;min-height:360px;padding:clamp(28px,5vw,56px);display:grid}.public-shell .tool-detail-state.is-error{border-color:color-mix(in srgb, var(--color-error-border) 72%, var(--color-border-default));border-left-color:var(--color-error);background:linear-gradient(90deg, color-mix(in srgb, var(--color-error-surface) 52%, transparent), transparent 68%), var(--color-surface-subtle);min-height:280px}.dark .public-shell .tool-detail-state.is-error{border-color:color-mix(in srgb, var(--color-error) 28%, var(--color-border-default));border-left-color:color-mix(in srgb, var(--color-error) 76%, white);background:linear-gradient(90deg, color-mix(in srgb, var(--color-error) 8%, transparent), transparent 68%), var(--color-surface-subtle)}.public-shell .tool-detail-state-icon{width:34px;height:34px;color:var(--color-text-subtle)}.public-shell .tool-detail-state.is-error .tool-detail-state-icon{color:var(--color-error-text)}.public-shell .tool-detail-state :where(h1,p){max-width:62ch;margin:0}.public-shell .tool-detail-state h1{color:var(--color-text-strong);font-size:var(--detail-type-heading-2-size);font-weight:600}.public-shell .tool-detail-state>p:last-of-type{color:var(--color-text-default)}.public-shell .tool-detail-state-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.public-shell :where(.tool-detail-state-primary,.tool-detail-state-secondary){border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;min-height:44px;font-size:var(--detail-type-body-sm-size);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.public-shell .tool-detail-state-primary{border-color:var(--color-brand-action);color:var(--color-brand-on-action);background:var(--color-brand-action)}.public-shell .tool-detail-state-primary:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover)}.public-shell .tool-detail-state-secondary{color:var(--color-text-strong)}.public-shell .tool-detail-state-secondary:hover{border-color:var(--color-brand-border);color:var(--color-brand-text);background:var(--color-brand-surface)}.public-shell .tool-detail-loading{place-content:start stretch}.public-shell .tool-detail-loading-summary{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;width:min(100%,680px);display:grid}.public-shell .tool-detail-loading-summary>div{gap:10px;display:grid}.public-shell :where(.tool-detail-loading-logo,.tool-detail-loading-title,.tool-detail-loading-copy,.tool-detail-loading-grid span){border-radius:var(--radius-sm);background:var(--color-surface-muted);animation:1.4s ease-in-out infinite detail-pulse;display:block}.public-shell .tool-detail-loading-logo{border-radius:var(--radius-lg);width:64px;height:64px}.public-shell .tool-detail-loading-title{width:min(74%,440px);height:36px}.public-shell .tool-detail-loading-copy{width:min(92%,560px);height:18px}.public-shell .tool-detail-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.public-shell .tool-detail-loading-grid span{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);min-height:260px}.report-dialog-overlay{z-index:var(--z-overlay);background:var(--color-overlay);-webkit-backdrop-filter:none;backdrop-filter:none;position:fixed;inset:0}.report-dialog-content{z-index:var(--z-dialog);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);width:min(100% - 32px,560px);max-height:min(88vh,760px);color:var(--color-text-default);background:var(--color-surface-elevated);box-shadow:var(--shadow-dialog);padding:24px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.report-dialog-close{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-default);background:var(--color-surface);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute;top:16px;right:16px}.report-dialog-close:hover{border-color:var(--color-brand-border);color:var(--color-brand-text);background:var(--color-brand-surface)}.report-dialog-close svg{width:17px;height:17px}.report-dialog-header{border-bottom:1px solid var(--color-border-subtle);gap:7px;padding:0 52px 18px 0;display:grid}.report-dialog-title{color:var(--color-text-strong);font-size:var(--detail-type-heading-3-size);margin:0;font-weight:600}.report-dialog-description{color:var(--color-text-default);font-size:var(--detail-type-body-sm-size);margin:0;line-height:1.55}.report-dialog-status{border:1px solid var(--color-attention-border);border-left:3px solid var(--color-attention);border-radius:var(--radius-lg);color:var(--color-attention-text);background:var(--color-attention-surface);grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:16px;padding:12px 14px;display:grid}.report-dialog-status.is-error{border-color:var(--color-error-border);border-left-color:var(--color-error);color:var(--color-error-text);background:var(--color-error-surface)}.report-dialog-status.is-success{border-color:var(--color-success-border);border-left-color:var(--color-success);color:var(--color-success-text);background:var(--color-success-surface)}.report-dialog-status svg{width:18px;height:18px;margin-top:2px}.report-dialog-status p{color:var(--color-text-default);font-size:var(--detail-type-meta-size);margin:0}.report-dialog-form{gap:16px;margin-top:20px;display:grid}.report-dialog-field{color:var(--color-text-strong);font-size:var(--detail-type-meta-size);gap:7px;font-weight:600;display:grid}.report-dialog-field :where(input,select,textarea){border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--color-text-strong);background:var(--color-surface);font-size:var(--detail-type-body-size);padding:10px 12px;font-weight:400}.report-dialog-field textarea{resize:vertical;min-height:120px}.report-dialog-submit{border:1px solid var(--color-brand-action);border-radius:var(--radius-md);min-height:44px;color:var(--color-brand-on-action);background:var(--color-brand-action);cursor:pointer;padding:0 16px;font-weight:600}.report-dialog-submit:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover)}:where(.report-dialog-close,.report-dialog-field input,.report-dialog-field select,.report-dialog-field textarea,.report-dialog-submit):focus-visible{outline:var(--focus-outline-width) solid var(--color-focus-ring);outline-offset:var(--focus-outline-offset);box-shadow:none}@media (width<=1180px){.public-shell .detail-hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.94fr);gap:40px}.public-shell .detail-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}.public-shell .detail-stat-item:nth-child(4){border-left:0}.public-shell .detail-stat-item:nth-child(n+4){border-top:1px solid var(--color-border-subtle)}.public-shell .detail-content-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:none}.public-shell :where(.detail-overview-card,.detail-traffic-section,.detail-content-sidebar),.public-shell .tool-detail-page .detail-content-layout>.detail-overview-card,.public-shell .tool-detail-page .detail-content-layout>.detail-traffic-section,.public-shell .tool-detail-page .detail-content-layout>.detail-content-sidebar{grid-area:auto/1}.public-shell .detail-content-sidebar{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);position:static}.public-shell .detail-content-sidebar .tool-grid-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.public-shell .detail-hero-grid{grid-template-columns:1fr}.public-shell .detail-hero-copy{order:1}.public-shell .detail-hero-preview{order:2}.public-shell :where(.traffic-trend-grid,.traffic-donut-grid,.traffic-ai-layout){grid-template-columns:1fr}.public-shell .tool-detail-page .traffic-trend-grid,.public-shell .tool-detail-page .traffic-donut-grid,.public-shell .tool-detail-page .traffic-ai-layout{grid-template-columns:minmax(0,1fr)}.public-shell :where(.traffic-trend-panel+.traffic-trend-panel,.traffic-insight-panel+.traffic-insight-panel),.public-shell .tool-detail-page .traffic-trend-panel+.traffic-trend-panel,.public-shell .tool-detail-page .traffic-insight-panel+.traffic-insight-panel{border-top:1px solid var(--color-border-subtle);border-left:0}.public-shell .traffic-ai-overview{border-right:0;border-bottom:1px solid var(--color-border-subtle)}.public-shell .detail-content-sidebar{grid-template-columns:1fr}}@media (width<=720px){.public-shell .tool-detail-page{padding-top:24px;padding-bottom:80px}.public-shell .detail-hero-grid{gap:28px;padding-top:28px}.public-shell .detail-product-summary{grid-template-columns:56px minmax(0,1fr)}.public-shell .detail-product-logo{width:56px;height:56px}.tool-detail-page>section.detail-hero-shell .detail-title-row h1{font-size:var(--detail-type-display-size)}.public-shell .detail-integration-strip{flex-direction:column;align-items:flex-start}.public-shell .detail-integration-statuses{justify-content:flex-start;width:100%}.public-shell .detail-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell .detail-stat-item:nth-child(3),.public-shell .detail-stat-item:nth-child(5){border-left:0}.public-shell .detail-stat-item:nth-child(3){border-top:1px solid var(--color-border-subtle)}.public-shell .detail-stat-item:nth-child(4){border-left:1px solid var(--color-border-subtle)}.public-shell .detail-overview-header,.public-shell .detail-pricing-head,.public-shell .detail-subsection-head,.public-shell .traffic-dashboard-head,.public-shell :where(.traffic-ai-panel-head,.traffic-keyword-panel-head){flex-direction:column;align-items:flex-start}.public-shell .detail-overview-intro-grid{grid-template-columns:1fr}.public-shell .detail-pricing-unconfirmed{grid-template-columns:auto minmax(0,1fr)}.public-shell .detail-pricing-unconfirmed .detail-pricing-link{grid-column:1/-1;justify-self:start}.public-shell .traffic-donut-layout{grid-template-columns:1fr}.public-shell .traffic-ai-source-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0}.public-shell .traffic-ai-source-history,.public-shell .traffic-ai-source-no-history{grid-area:2/1/auto/-1}.public-shell .detail-content-sidebar .tool-grid-directory,.public-shell .tool-detail-loading-grid{grid-template-columns:1fr}}@media (width<=520px){.public-shell .detail-product-summary{grid-template-columns:1fr}.public-shell .detail-hero-actions{grid-template-columns:minmax(0,1fr) auto auto;width:100%;display:grid}.public-shell .detail-visit-link{width:100%}.public-shell .detail-stat-row{grid-template-columns:1fr}.public-shell .detail-stat-item+.detail-stat-item,.public-shell .detail-stat-item:nth-child(4){border-top:1px solid var(--color-border-subtle);border-left:0}.public-shell .detail-overview-card,.public-shell :where(.traffic-trend-panel,.traffic-insight-panel,.traffic-ai-panel,.traffic-keyword-panel),.public-shell .detail-content-sidebar .tool-listing-section,.public-shell .detail-content-sidebar .market-newsletter--sidebar{padding:20px 16px}.public-shell .detail-content-layout{gap:20px}.public-shell .tool-detail-state-page{padding-top:40px}.public-shell .tool-detail-state,.public-shell .tool-detail-loading{padding:24px 18px}.public-shell .tool-detail-state-actions,.public-shell :where(.tool-detail-state-primary,.tool-detail-state-secondary){width:100%}.report-dialog-content{width:calc(100% - 24px);padding:20px 16px}}@keyframes detail-pulse{0%,to{opacity:.58}50%{opacity:1}}