.tcf [hidden]{display:none!important}.tcf{--tcf-base:#fbf9f6;--tcf-face-bg:#f5f0e8;background:var(--tcf-base);border-radius:12px;margin:1.5rem 0 2.5rem;padding:1rem;container-type:inline-size}.tcf-sources{align-items:stretch;gap:.5rem;margin-bottom:.9rem;display:flex}.tcf-samples{scrollbar-width:thin;flex:1;gap:.5rem;min-width:0;margin:-3px;padding:3px;display:flex;overflow-x:auto}.tcf-sample{width:96px;min-height:0;font:inherit;color:#555;cursor:pointer;background:#fff;border:0;border-radius:8px;flex-direction:column;flex:none;align-items:stretch;gap:.25rem;padding:4px 4px 3px;font-size:.75rem;line-height:1.3;transition:box-shadow .15s,color .15s;display:flex;box-shadow:0 0 0 2px #0000}.tcf-sample img{object-fit:cover;border-radius:5px;width:100%;height:50px;display:block}.tcf-sample:hover{box-shadow:0 0 0 2px #ede6d8}.tcf-sample[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-primary);color:var(--color-text);font-weight:700}.tcf-upload{background:var(--color-primary);color:#fff;text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.25rem;width:96px;padding:.4rem;font-size:.8rem;font-weight:700;line-height:1.3;transition:background .15s;display:flex}.tcf-upload:hover{background:var(--color-primary-dark)}.tcf-upload:focus-within{box-shadow:0 0 0 3px #e85d4a4d}.tcf-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tcf-body{gap:1rem;display:grid}@container (width>=760px){.tcf-body{grid-template-columns:minmax(0,1fr) 270px;align-items:start}}.tcf-stage{background:var(--tcf-face-bg);border-radius:10px;place-items:center;min-height:180px;display:grid;position:relative;overflow:hidden}.tcf-canvas-wrap{line-height:0;position:relative}.tcf-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.tcf-canvas:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.tcf-marker{pointer-events:none;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;transition:left .12s ease-out,top .12s ease-out;position:absolute;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #0000008c,inset 0 0 0 1.5px #00000059}.tcf-marker.is-dragging{transition:none}.tcf-lens{pointer-events:none;z-index:2;border-radius:50%;width:112px;height:112px;position:absolute;box-shadow:0 0 0 3px #fff,0 6px 20px #0000004d}.tcf-drop{box-shadow:inset 0 0 0 3px var(--color-primary);color:var(--color-text);z-index:3;background:#fbf9f6e6;border-radius:10px;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.tcf-status:empty{display:none}.tcf-status{color:#fff;white-space:nowrap;pointer-events:none;background:#2d2d2dd9;border-radius:999px;margin:0;padding:.3rem .8rem;font-size:.8rem;line-height:1.5;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.tcf-result{background:#fff;border-radius:10px;padding:.9rem}.tcf-compare{background:var(--tcf-face-bg);border-radius:10px;grid-template-columns:1fr 1fr;height:88px;padding:6px;display:grid}.tcf-face{background:var(--tcf-face-bg);transition:background-color .15s}.tcf-face-picked{border-radius:6px 0 0 6px}.tcf-face-near{border-radius:0 6px 6px 0}.tcf-compare-labels{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.45rem;display:grid}.tcf-cap{color:#777;margin:0;font-size:.72rem;line-height:1.5}.tcf-code{color:var(--color-text);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5}.tcf-sub{color:#777;font-variant-numeric:tabular-nums;margin:0;font-size:.72rem;line-height:1.5}.tcf-name{background:var(--color-primary-light);color:var(--color-text);border-radius:8px;grid-template-columns:1fr auto;align-items:center;column-gap:.5rem;margin-top:.8rem;padding:.65rem .8rem;text-decoration:none;transition:background .15s;display:grid}.tcf-name:hover{background:#fbe2dd}.tcf-name-main{grid-column:1;font-size:1.35rem;font-weight:700;line-height:1.4}.tcf-name-reading{color:#555;grid-column:1;font-size:.8rem;line-height:1.4}.tcf-name-reading:empty{display:none}.tcf-name-more{color:var(--color-link);white-space:nowrap;grid-area:1/2/span 2;align-items:center;gap:.1rem;font-size:.78rem;font-weight:700;display:inline-flex}.tcf-alias{color:#555;margin:.4rem 0 0;font-size:.75rem;line-height:1.5}.tcf-next{margin-top:.8rem}.tcf-chips{flex-wrap:wrap;gap:.4rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.tcf-chips li{margin:0}.tcf-chip{background:var(--tcf-face-bg);min-height:0;font:inherit;color:var(--color-text);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .65rem .3rem .35rem;font-size:.82rem;line-height:1.4;text-decoration:none;transition:background .15s;display:inline-flex}.tcf-chip:hover{background:#ede6d8}.tcf-chip[aria-pressed=true]{background:#ede6d8;font-weight:700}.tcf-dot{border-radius:50%;flex:none;width:20px;height:20px}.tcf-pct{color:#777;font-variant-numeric:tabular-nums;font-size:.72rem}.tcf-dominant{background:#fff;border-radius:10px;margin-top:1rem;padding:.9rem}.tcf-dominant-head{flex-wrap:wrap;align-items:baseline;column-gap:.8rem;display:flex}.tcf .tcf-dominant-title{border:0;margin:0;padding:0;font-size:.95rem;line-height:1.5}.tcf-dominant-title:before,.tcf-dominant-title:after{content:none}.tcf-dominant-note{color:#777;margin:0;font-size:.75rem;line-height:1.5}.tcf-foot{color:#777;margin:.8rem 0 0;font-size:.75rem;line-height:1.7}.tcf-foot a{color:var(--color-link)}@media (width<=480px){.tcf{margin-left:-.3rem;margin-right:-.3rem;padding:.7rem}.tcf-sample,.tcf-upload{width:84px}.tcf-sample img{height:44px}.tcf-compare{height:72px}.tcf-name-main{font-size:1.2rem}}