:root{--font-mono:"Azeret Mono", "Martian Mono", "IBM Plex Mono", ui-monospace, monospace;--page-bg:#15151a;--page-fg:#ebe8df;--page-fg-2:#b9b6ad;--chrome-bg:#0e0e12;--chrome-fg:#ebe8df;--rail-bg:#1b1b21;--rail-fg:#ebe8df;--status-bg:#0e0e12;--status-fg:#ebe8df;--tabs-bg:#111115;--accent:#f2c14e;--title-h:44px;--tabs-h:44px;--status-h:32px;--rail-w:60px;--transition:.6s cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-mono);color:var(--page-fg);background:var(--page-bg);-webkit-font-smoothing:antialiased;transition:background-color var(--transition), color var(--transition);font-size:17px;line-height:1.5}a{color:inherit;cursor:pointer}button,label[for],input[type=file]{cursor:pointer}.window{grid-template-rows:var(--title-h) var(--tabs-h) 1fr var(--status-h);grid-template-columns:var(--rail-w) 1fr;grid-template-areas:"title title""rail tabs""rail editor""status status";min-height:100%;display:grid}.title-bar{background:var(--chrome-bg);color:var(--chrome-fg);transition:background-color var(--transition);grid-area:title;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;font-size:14px;display:grid}.title-bar__lights{gap:8px;display:flex}.title-bar__lights span{background:var(--chrome-fg);opacity:.35;border-radius:50%;width:12px;height:12px}.title-bar__name{letter-spacing:.02em;font-weight:600}.title-bar__right{text-align:right}.rail{background:var(--rail-bg);color:var(--rail-fg);transition:background-color var(--transition);flex-direction:column;grid-area:rail;align-items:center;gap:18px;padding:16px 0;display:flex}.rail__item{border-left:2px solid #0000;place-items:center;width:32px;height:32px;display:grid}.rail__item--active{border-left-color:var(--accent)}.rail__item svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:24px;height:24px}.rail__spacer{flex:1}.tabs{background:var(--tabs-bg);transition:background-color var(--transition);grid-area:tabs;align-items:stretch;font-size:14px;display:flex}.tab{color:var(--page-fg-2);border-top:2px solid #0000;align-items:center;gap:8px;padding:0 20px;display:flex}.tab--active{background:var(--page-bg);color:var(--page-fg);border-top-color:var(--accent)}.editor{grid-area:editor;padding:clamp(24px,4vw,64px) clamp(24px,5vw,80px) 80px;overflow:auto}.hero__title{letter-spacing:-.03em;max-width:14ch;margin:0 0 24px;font-size:clamp(44px,7.5vw,104px);font-weight:800;line-height:.95}.hero__title em{color:var(--accent);font-style:normal}.hero__lede{max-width:62ch;color:var(--page-fg-2);margin:0 0 40px;font-size:clamp(17px,1.4vw,21px)}.dropzone{border:2px dashed var(--page-fg-2);text-align:center;border-radius:12px;place-items:center;min-height:260px;padding:40px;transition:border-color .15s,background-color .15s;display:grid;position:relative}.dropzone--dragging{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, transparent)}.dropzone__label{gap:12px;font-size:19px;display:grid}.dropzone__hint{color:var(--page-fg-2);font-size:15px}.dropzone__hint kbd{border:1px solid var(--page-fg-2);border-radius:6px;padding:2px 8px;font-family:inherit}.button{font:inherit;background:var(--accent);color:var(--page-bg);cursor:pointer;border:0;border-radius:8px;padding:12px 22px;font-size:16px;font-weight:600}.button--ghost{color:var(--page-fg);border:1px solid var(--page-fg-2);background:0 0}.file-input{opacity:0;cursor:pointer;position:absolute;inset:0}.result{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}@media (width<=900px){.result{grid-template-columns:1fr}.window{grid-template-columns:0 1fr}.rail{display:none}}.result__heading{letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(32px,4.5vw,64px);font-weight:800;line-height:1}.result__sub{color:var(--page-fg-2);margin:0 0 28px}.screenshot{border:1px solid var(--page-fg-2);border-radius:10px;width:100%;display:block}.sampled{gap:10px;margin-top:18px;display:grid}.sampled__title{text-transform:uppercase;letter-spacing:.08em;color:var(--page-fg-2);font-size:14px}.sampled__list{flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.sampled__list li{align-items:center;gap:8px;display:flex}.swatch{border:1px solid var(--page-fg-2);border-radius:6px;width:22px;height:22px}.sampled__hint{color:var(--page-fg-2);font-size:15px}.matches{gap:14px;margin:0;padding:0;list-style:none;display:grid}.match{border:1px solid var(--page-fg-2);border-radius:12px;grid-template-columns:148px 1fr auto;align-items:center;gap:18px;padding:14px;display:grid}.match--top{border-color:var(--accent);border-width:2px}.match__preview{aspect-ratio:460/331;background:#000;border-radius:6px;width:148px;display:block}.match__name{margin:0;font-size:20px;font-weight:700;line-height:1.2}.match__ext{color:var(--page-fg-2);margin:2px 0 8px;font-size:15px}.match__links{gap:14px;font-size:14px;display:flex}.match__links a{text-underline-offset:3px;text-decoration:underline}.distance{text-align:right;min-width:96px}.distance__value{font-size:26px;font-weight:700;line-height:1}.distance__label{color:var(--page-fg-2);font-size:13px}.explainer{max-width:72ch;color:var(--page-fg-2);margin-top:48px;font-size:15px}.explainer h3{color:var(--page-fg);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:15px}.explainer p{max-width:62ch;margin:0 0 14px}.explainer h4{color:var(--page-fg);margin:22px 0 6px;font-size:15px;font-weight:600}.explainer__table{border-collapse:collapse;min-width:min(44ch,100%);margin:4px 0 18px;font-size:15px}.explainer__table caption{color:var(--page-fg-2);text-align:left;padding-bottom:8px}.explainer__table th,.explainer__table td{border-top:1px solid color-mix(in srgb, var(--page-fg) 16%, transparent);text-align:left;padding:6px 0;font-weight:400}.explainer__table th{color:var(--page-fg-2);padding-right:28px}.explainer__table td{color:var(--page-fg);font-variant-numeric:tabular-nums}.explainer__scale{gap:4px;margin:4px 0 18px;display:grid}.explainer__scale div{gap:12px;display:flex}.explainer__scale dt{min-width:9ch;color:var(--page-fg);font-variant-numeric:tabular-nums}.explainer__scale dd{color:var(--page-fg-2);margin:0}.status-bar{background:var(--status-bg);color:var(--status-fg);transition:background-color var(--transition);grid-area:status;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-size:13px;display:flex}.status-bar__group{gap:18px;display:flex}.status-bar a{text-decoration:none}.error{border:1px solid var(--accent);border-radius:8px;margin-bottom:20px;padding:14px 18px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=640px){.title-bar{grid-template-columns:auto 1fr;padding:0 14px}.title-bar__name{text-align:right}.title-bar__right{display:none}.editor{padding:24px 16px 64px}.result__heading{font-size:clamp(30px,9vw,40px)}.match{grid-template-columns:96px minmax(0,1fr);gap:12px}.match__preview{width:96px}.match__name{overflow-wrap:anywhere;font-size:17px}.match__links{flex-wrap:wrap;gap:8px 14px}.distance{text-align:left;grid-column:1/-1;align-items:baseline;gap:10px;min-width:0;display:flex}.distance__value{font-size:20px}.status-bar__method{display:none}.status-bar{padding:0 12px;font-size:12px}}.distance__secondary{margin-top:8px;font-size:16px;font-weight:600}.match__identical{margin:4px 0 8px;font-size:14px}.match__identical summary{cursor:pointer;color:var(--page-fg-2);text-underline-offset:3px;text-decoration:underline}.match__identical ul{gap:4px;max-height:180px;margin:8px 0 0;padding:0 0 0 16px;display:grid;overflow:auto}.match__identical span{color:var(--page-fg-2)}.confidence{max-width:52ch;margin:20px 0 0}.confidence__title{color:var(--page-fg);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:13px;font-weight:600}.confidence__rates{gap:32px;margin:0;display:flex}.confidence__rates dt{color:var(--page-fg-2);font-size:14px}.confidence__rates dd{color:var(--page-fg);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:30px;font-weight:600;line-height:1.1}.confidence__note{color:var(--page-fg-2);margin:12px 0 0;font-size:14px}.popular{border:1px solid var(--page-fg-2);border-radius:12px;max-width:52ch;margin:24px 0 0;padding:14px}.popular__label{color:var(--page-fg);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:13px;font-weight:600}.popular__body{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;display:grid}.popular__preview{aspect-ratio:460/331;background:#000;border-radius:6px;width:112px;display:block}.popular__name{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700;line-height:1.2}.popular__ext{color:var(--page-fg-2);margin:2px 0 0;font-size:14px}.popular__delta{overflow-wrap:anywhere;margin:6px 0 8px;font-size:14px;font-weight:600}.popular__links{flex-wrap:wrap;gap:8px 14px;font-size:14px;display:flex}.popular__links a{text-underline-offset:3px;text-decoration:underline}.popular__note{color:var(--page-fg-2);margin:12px 0 0;font-size:14px}@media (width<=640px){.popular__body{grid-template-columns:1fr}.popular__preview{width:100%}.popular__name{font-size:16px}}