.theme-detector-page [hidden]{display:none!important}.detector-workspace{align-items:start}.detector-form{gap:var(--space-4);display:grid}.detector-form h2{margin:0;font-size:1.35rem}.detector-form .field{gap:var(--space-2)}.detector-form .actions{margin-top:0}.detector-examples{align-items:center;gap:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;margin:0;font-size:.85rem;display:flex}.detector-examples>span{font-weight:650}.link-button{color:var(--color-ink);cursor:pointer;font:inherit;text-underline-offset:.16em;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline 1px}.link-button:hover,.link-button:focus-visible{color:var(--color-text-muted)}.detector-output{min-width:0}.detector-status{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:.85rem;font-weight:600}.detector-state,.detector-result{padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface)}.detector-state h2{margin:0 0 var(--space-2);font-size:1.15rem}.detector-state p{color:var(--color-text-muted);margin:0;line-height:1.6}.detector-state--error{border-color:color-mix(in srgb, var(--color-danger,#b42318) 35%, var(--color-line))}.detector-state--not-shopify{border-style:dashed}.detector-spinner{width:1.5rem;height:1.5rem;margin-top:var(--space-4);border:2px solid var(--color-line);border-top-color:var(--color-ink);border-radius:999px;animation:.8s linear infinite detector-spin}@keyframes detector-spin{to{transform:rotate(360deg)}}.detector-result{gap:var(--space-6);display:grid}.detector-result__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line);flex-wrap:wrap;display:flex}.detector-result__header h2{margin:var(--space-1) 0 var(--space-2);overflow-wrap:anywhere;font-size:clamp(1.5rem,4vw,2rem);line-height:1.15}.detector-result h2:focus,.detector-state h2:focus{box-shadow:none;outline:none}.detector-result__page-title{margin:0 0 var(--space-2);color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.9rem;line-height:1.4}.detector-result__domain{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-weight:600}.detector-result__meta{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.82rem}.detector-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.status-pill,.theme-badge{align-items:center;gap:var(--space-1);background:var(--color-action);color:var(--color-ink);white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:750;line-height:1.3;display:inline-flex}.status-pill--muted{background:var(--color-surface-muted)}.theme-badge--store{background:var(--color-action)}.theme-badge--custom{background:var(--color-ink);color:var(--color-surface)}.theme-badge--hidden{background:var(--color-surface-muted);color:var(--color-text-muted)}.detector-facts{gap:var(--space-4);margin:0;display:grid}.detector-facts>div{gap:var(--space-1);min-width:0;display:grid}.detector-facts dt{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:750}.detector-facts dd{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;min-width:0;margin:0;display:flex}.detector-facts__strong{overflow-wrap:anywhere;font-weight:700}.detector-facts__sub{color:var(--color-text-muted);font-size:.82rem;line-height:1.5}.detector-apps{padding-top:var(--space-4);border-top:1px solid var(--color-line)}.detector-apps h3{margin:0 0 var(--space-2);font-size:1rem}.detector-apps__summary{margin:0 0 var(--space-3);font-weight:650}.app-chips{gap:var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.app-chip{align-items:baseline;gap:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-muted);padding:.3rem .55rem;font-size:.82rem;display:inline-flex}.app-chip__name{font-weight:700}.app-chip__category{color:var(--color-text-muted);font-size:.72rem}.detector-note{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.82rem;line-height:1.5}.detector-result__actions{align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-line);flex-wrap:wrap;display:flex}.detector-noscript,.benchmark-noscript{margin:var(--space-4) 0 0;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.benchmark{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-line);scroll-margin-top:calc(var(--header-height) + var(--space-4))}.benchmark-heading{max-width:52rem}.benchmark-heading h2{margin:var(--space-2) 0 var(--space-3);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}.benchmark-heading>p:last-child{color:var(--color-text-muted);margin:0;line-height:1.65}.benchmark-stats{gap:var(--space-3);margin:var(--space-8) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.benchmark-stat{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);display:grid}.benchmark-stat__value{letter-spacing:-.02em;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1}.benchmark-stat__label{color:var(--color-text-muted);font-size:.82rem;line-height:1.4}.benchmark-grid{gap:var(--space-4);margin-bottom:var(--space-8);align-items:start;display:grid}.benchmark-panel{padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface)}.benchmark-panel h3,.benchmark-table-section h3,.benchmark-method h3{margin:0 0 var(--space-3);font-size:1.05rem}.theme-mix{background:var(--color-surface-muted);border-radius:999px;width:100%;height:.9rem;display:flex;overflow:hidden}.theme-mix__segment{height:100%}.theme-mix__segment--store{background:var(--color-action)}.theme-mix__segment--custom{background:var(--color-ink)}.theme-mix__segment--hidden{background:var(--color-line)}.theme-mix__legend{gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.theme-mix__legend li{align-items:center;gap:var(--space-2);font-size:.875rem;display:flex}.theme-mix__legend strong{font-variant-numeric:tabular-nums;margin-left:auto}.theme-mix__dot{border-radius:999px;flex:none;width:.65rem;height:.65rem}.theme-mix__dot--store{background:var(--color-action)}.theme-mix__dot--custom{background:var(--color-ink)}.theme-mix__dot--hidden{background:var(--color-line)}.rank-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.rank-list li{gap:var(--space-1);display:grid}.rank-list__row{justify-content:space-between;gap:var(--space-3);font-size:.875rem;display:flex}.rank-list__row span:last-child{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.rank-list__track{background:var(--color-surface-muted);border-radius:999px;height:.45rem;overflow:hidden}.rank-list__track span{border-radius:inherit;background:var(--color-ink);height:100%;display:block}.benchmark-note{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:.82rem;line-height:1.55}.benchmark-table-section>p{color:var(--color-text-muted);line-height:1.55}.benchmark-filters{gap:var(--space-3);margin:var(--space-4) 0 var(--space-2);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);display:grid}.benchmark-filters .field{gap:var(--space-2)}.benchmark-filters .field label{font-size:.78rem}.benchmark-filters .field input,.benchmark-filters .field select{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface);font:inherit}.benchmark-filters .field input:hover,.benchmark-filters .field select:hover{border-color:var(--color-ink)}.benchmark-filters .button{justify-self:start}.benchmark-count{margin:var(--space-4) 0 var(--space-2);font-size:.875rem;font-weight:700}.benchmark-empty{margin:var(--space-2) 0 var(--space-3);padding:var(--space-3);border:1px dashed var(--color-line);border-radius:var(--radius-control);color:var(--color-text-muted);font-size:.875rem}.benchmark-table{min-width:64rem}.benchmark-table__name{font-weight:700;display:block}.benchmark-table__domain{color:var(--color-text-muted);overflow-wrap:anywhere;margin-top:.15rem;font-size:.78rem;font-weight:500;display:block}.benchmark-table__theme{margin-left:var(--space-2);overflow-wrap:anywhere;vertical-align:top;max-width:22rem;display:inline-block}.benchmark-table th,.benchmark-table td{padding-left:var(--space-4)}.benchmark-table thead th{white-space:nowrap}.benchmark-table th{font-weight:700}.benchmark-table td{line-height:1.45}.benchmark-method{margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface-muted)}.benchmark-method p{margin:0 0 var(--space-3);color:var(--color-text-muted);line-height:1.65}.benchmark-method ul{color:var(--color-text-muted);margin:0;padding-left:1.15rem;font-size:.9rem;line-height:1.6}@media (width>=640px){.detector-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.benchmark-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.benchmark-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.detector-workspace{gap:var(--space-8);grid-template-columns:minmax(20rem,.85fr) minmax(0,1.15fr)}.detector-form{top:calc(var(--header-height) + var(--space-4));position:sticky}.benchmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benchmark-filters{grid-template-columns:1.4fr 1fr 1fr 1fr auto;align-items:end}}@media (prefers-reduced-motion:reduce){.detector-spinner{animation:none}.detector-form{position:static}}