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