.tom-tjoin-page{flex-direction:column;gap:1rem;max-width:min(96vw,56rem);margin-inline:auto;display:flex}.tom-tjoin__tabs{border:1px solid var(--tom-border-soft);background:var(--tom-panel);border-radius:.85rem;flex-wrap:wrap;gap:.35rem;padding:.2rem;display:flex}.tom-tjoin__tab{color:var(--tom-muted);cursor:pointer;background:0 0;border:none;border-radius:.65rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600}.tom-tjoin__tab--active{background:var(--tom-card);color:var(--tom-ink);box-shadow:0 1px 2px color-mix(in srgb, var(--tom-ink) 8%, transparent)}.tom-tjoin__tab:disabled{opacity:.5;cursor:not-allowed}.tom-tjoin__panel{border:1px solid var(--tom-border-soft);background:var(--tom-card);border-radius:1rem;padding:1.1rem 1.2rem}.tom-tjoin__title{color:var(--tom-ink);margin:0 0 .75rem;font-size:.95rem;font-weight:700}.tom-tjoin__drop{border:2px dashed color-mix(in srgb, var(--tom-teal) 35%, var(--tom-border));text-align:center;cursor:pointer;background:var(--tom-panel);border-radius:.85rem;padding:1.25rem}.tom-tjoin__drop--active{border-color:var(--tom-teal);background:color-mix(in srgb, var(--tom-teal) 8%, var(--tom-panel))}.tom-tjoin__source{border:1px solid var(--tom-border-soft);background:var(--tom-panel);border-radius:.85rem;margin-top:.75rem;padding:.9rem 1rem}.tom-tjoin__cols{flex-wrap:wrap;gap:.4rem .75rem;margin-top:.5rem;display:flex}.tom-tjoin__col{color:var(--tom-body);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.tom-tjoin__btn{border:1px solid var(--tom-border-soft);background:var(--tom-panel);cursor:pointer;border-radius:.65rem;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.875rem;font-weight:600;display:inline-flex}.tom-tjoin__btn--primary{background:var(--tom-teal);border-color:var(--tom-teal);color:#fff}.tom-tjoin__btn:disabled{opacity:.5;cursor:not-allowed}.tom-tjoin__stats{color:var(--tom-muted);margin:.75rem 0 0;font-size:.85rem}.tom-tjoin__status-block{margin-top:.75rem}.tom-tjoin__status{letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:700}.tom-tjoin__status--ok{color:#15803d}.tom-tjoin__status--error{color:#b91c1c}.tom-tjoin__mismatches{border:1px solid var(--tom-border-soft);background:var(--tom-panel);border-radius:.65rem;max-height:14rem;margin-top:.65rem;padding:.65rem .75rem;overflow:auto}.tom-tjoin__mismatches-title{color:var(--tom-ink);margin:0 0 .4rem;font-size:.8rem;font-weight:600}.tom-tjoin__mismatches-list{color:var(--tom-body);margin:0;padding-left:1.1rem;font-size:.78rem;line-height:1.45}.tom-tjoin__mismatch-key{font-weight:600}.tom-tjoin__mismatch-reason{color:var(--tom-muted)}.tom-tjoin__select{border:1px solid var(--tom-border-soft);background:var(--tom-card);border-radius:.55rem;width:100%;max-width:28rem;padding:.45rem .6rem;font-size:.85rem}.tom-tjoin__input{border:1px solid var(--tom-border-soft);background:var(--tom-card);border-radius:.55rem;width:100%;max-width:16rem;padding:.4rem .55rem;font-size:.85rem}