.compare-logo{border-radius:0;-o-object-fit:contain;object-fit:contain}.compare-versus{gap:.5rem}.compare-versus,.compare-versus-logo{align-items:center;display:inline-flex}.compare-versus-logo{background:var(--card);border:1px solid var(--border);border-radius:.6rem;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0f172a0f;height:2.25rem;justify-content:center;width:2.25rem}.compare-versus-word{color:var(--muted-foreground);font-size:.75rem;font-weight:700}.compare-pair{--pair-height:34rem}.compare-pair-grid{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr)}.compare-pair-card{background:var(--card);border:1px solid var(--border);border-radius:.85rem;display:flex;flex-direction:column;min-width:0;overflow:hidden}.compare-pair-ours{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 6%,transparent);order:-1}.compare-pair-source{order:2}.compare-pair-head{align-items:center;background:color-mix(in srgb,var(--muted) 55%,var(--card));border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:.5rem;height:2.75rem;justify-content:space-between;padding-inline:.85rem}.compare-pair-head-title{align-items:center;color:var(--foreground);display:inline-flex;font-size:.8125rem;font-weight:700;gap:.45rem}.compare-pair-tag{background:var(--card);border:1px solid var(--border);border-radius:9999px;color:var(--muted-foreground);font-size:.6875rem;font-weight:600;padding:.125rem .5rem;white-space:nowrap}.compare-pair-tag-primary{background:color-mix(in srgb,var(--primary) 7%,var(--card));border-color:color-mix(in srgb,var(--primary) 25%,var(--border));color:var(--primary)}.compare-pair-replay{align-items:center;border-radius:9999px;color:var(--muted-foreground);display:inline-flex;font-size:.6875rem;font-weight:700;gap:.25rem;height:1.5rem;padding-inline:.5rem;transition:color .1s ease-out,background-color .1s ease-out}.compare-pair-replay:hover{background:var(--muted);color:var(--foreground)}.compare-pair-replay:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.compare-pair-canvas{background:#fff;height:26rem;position:relative}.compare-pair-image,.compare-pair-stage{border-radius:0;height:calc(100% - 2rem);left:1rem;-o-object-fit:contain;object-fit:contain;position:absolute;top:1rem;width:calc(100% - 2rem)}.compare-pair-stage>svg{display:block;height:100%;width:100%}.compare-pair-text{background:var(--card);max-height:16rem;overflow:auto;padding:.75rem 0;position:relative}.compare-pair-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.375rem;margin:0}.compare-pair-line{color:color-mix(in srgb,var(--foreground) 95%,transparent);display:block;overflow-wrap:anywhere;padding:0 .6rem 0 calc(.85rem + 4ch);text-indent:-4ch;white-space:pre-wrap}.compare-pair-line [data-kind=keyword]{color:var(--primary);font-weight:600}.compare-pair-line [data-kind=meta],.compare-pair-line [data-kind=operator]{color:var(--muted-foreground)}.compare-pair-prose{color:color-mix(in srgb,var(--foreground) 95%,transparent);font-size:.9375rem;line-height:1.75rem;margin:0;padding:.25rem 1rem}@container (min-width: 60rem){.compare-pair-grid{grid-template-columns:minmax(15rem,.72fr) minmax(0,1fr) minmax(0,1fr);height:var(--pair-height)}.compare-pair-ours,.compare-pair-source{order:0}.compare-pair-canvas{flex:1;height:auto;min-height:0}.compare-pair-text{flex:1;max-height:none}}.compare-state[data-state=yes]{color:#059669}.compare-state[data-state=partial]{color:#d97706}.compare-state[data-state=no]{color:#94a3b8}.compare-state[data-state=neutral]{color:color-mix(in srgb,var(--muted-foreground) 45%,transparent);transform:scale(.45)}.compare-table{background:var(--card);border:1px solid var(--border);border-radius:.85rem;overflow:hidden}.compare-table-head,.compare-table-row{display:grid;grid-template-columns:9.5rem minmax(0,1fr) minmax(0,1fr)}.compare-table-head{background:color-mix(in srgb,var(--muted) 55%,var(--card));border-bottom:1px solid var(--border)}.compare-table-brand{align-items:center;color:var(--foreground);display:inline-flex;font-size:.8125rem;font-weight:700;gap:.5rem;padding:.75rem 1rem}.compare-table-brand-ours{background:color-mix(in srgb,var(--primary) 5%,transparent);grid-column:2}.compare-table-group{color:var(--foreground);font-size:.75rem;font-weight:700;padding:.85rem 1rem .4rem}.compare-table-group:not(:nth-child(2)){border-top:1px solid var(--border)}.compare-table-group-icon{align-items:center;background:color-mix(in srgb,var(--primary) 9%,var(--card));border-radius:.4rem;color:var(--primary);display:inline-flex;height:1.5rem;justify-content:center;width:1.5rem}.compare-table-label{color:var(--muted-foreground);font-size:.8125rem;font-weight:600;padding:.55rem 1rem}.compare-table-cell{color:var(--foreground);display:flex;font-size:.8125rem;gap:.5rem;line-height:1.35rem;padding:.55rem 1rem}.compare-table-cell[data-side=ours]{background:color-mix(in srgb,var(--primary) 5%,transparent)}.compare-table-row:last-child .compare-table-cell,.compare-table-row:last-child .compare-table-label{padding-bottom:.9rem}@media(max-width:40rem){.compare-table-head,.compare-table-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compare-table-brand-ours{grid-column:1}.compare-table-label{font-size:.75rem;grid-column:1/-1;padding-bottom:0}}.compare-guide{background:var(--card);border:1px solid var(--border);border-radius:.85rem;padding:1.25rem}.compare-guide[data-side=ours]{background:color-mix(in srgb,var(--primary) 3%,var(--card));border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.compare-guide-logo{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:.5rem;display:inline-flex;height:2rem;justify-content:center;width:2rem}.compare-guide-check{color:var(--muted-foreground)}.compare-guide[data-side=ours] .compare-guide-check{color:var(--primary)}.compare-step{background:var(--card);border:1px solid var(--border);border-radius:.85rem;overflow:hidden}.compare-step-visual{align-items:center;background-color:color-mix(in srgb,var(--muted) 45%,var(--card));background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--foreground) 8%,transparent) 1px,transparent 0);background-size:14px 14px;border-bottom:1px solid var(--border);display:flex;height:9.5rem;justify-content:center;padding:1rem}.compare-step-source{background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:var(--foreground);display:-webkit-box;font-size:.75rem;line-height:1.2rem;overflow:hidden;padding:.6rem .75rem;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:5}.compare-step-source[data-code]{display:block;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.6875rem;line-height:1.15rem;white-space:pre}.compare-step-design{align-items:center;aspect-ratio:4/5;background:#fff;border:1px solid var(--border);border-radius:.5rem;display:flex;justify-content:center;overflow:hidden;padding:.35rem}.compare-step-design[data-selected]{border-color:color-mix(in srgb,var(--primary) 60%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}.compare-step-design img{border-radius:0;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.compare-step-looks{background:var(--card);border:1px solid var(--border);border-radius:.55rem;display:inline-flex;padding:3px}.compare-step-looks>span{border-radius:.4rem;color:var(--muted-foreground);font-size:.75rem;font-weight:600;padding:.2rem .65rem}.compare-step-looks>span[data-active]{background:color-mix(in srgb,var(--primary) 10%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent);color:var(--primary)}.compare-step-file{background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:var(--foreground);gap:.35rem;padding:.35rem .7rem}.compare-step-file,.compare-step-number{align-items:center;display:inline-flex;font-size:.75rem;font-weight:700}.compare-step-number{background:var(--foreground);border-radius:9999px;color:var(--background);flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}.compare-hero{--hero-clear:ellipse 34rem 26rem at 68% 52%}