*{box-sizing:border-box}body{margin:0;background:var(--tt-bg,#f5f7fb);color:var(--tt-text,#172033);font-family:var(--tt-font,Arial,sans-serif);line-height:1.5}.shell{width:min(100% - 32px,var(--tt-maxw,1120px));margin:24px auto 56px}.card{background:var(--tt-surface,#ffffff);border:1px solid var(--tt-line,#d9e1ef);border-radius:var(--tt-radius,12px);box-shadow:var(--tt-shadow,0 8px 28px rgba(23,32,51,.08));padding:22px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--tt-gap,20px);align-items:center;margin-bottom:18px}.eyebrow{margin:0 0 6px;color:var(--tt-primary,#2563eb);font-weight:700}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:0 0 10px}.lede{font-size:1.08rem;margin:0;color:var(--tt-muted,#5d6b82)}.privacy{background:var(--tt-primary-soft,#e9f1ff);border:1px solid var(--tt-line,#d9e1ef);border-radius:var(--tt-radius,12px);padding:16px;font-weight:700}.tool-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-bottom:18px}.field{display:grid;gap:7px;margin-bottom:14px}label{font-weight:700}input,select,button{font:inherit;border-radius:10px;border:1px solid var(--tt-line,#d9e1ef)}input,select{width:100%;padding:10px 12px;background:var(--tt-surface-soft,#fbfdff);color:var(--tt-text,#172033)}small,.hint,.status{color:var(--tt-muted,#5d6b82)}.inline-field{max-width:280px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}button{padding:10px 14px;background:var(--tt-surface,#ffffff);color:var(--tt-primary,#2563eb);font-weight:700;cursor:pointer}button.primary{background:var(--tt-primary,#2563eb);color:#fff;border-color:var(--tt-primary,#2563eb)}button:hover{border-color:var(--tt-primary-dark,#1d4ed8)}button:disabled{opacity:.55;cursor:not-allowed}.mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}progress{width:100%;height:12px}.summary{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px;margin-bottom:18px}.summary-line,.metric{background:var(--tt-surface-soft,#fbfdff);border:1px solid var(--tt-line,#d9e1ef);border-radius:var(--tt-radius,12px);padding:14px}.metric span{display:block;color:var(--tt-muted,#5d6b82);font-size:.92rem}.metric strong{font-size:1.8rem}.message{border-color:var(--tt-danger,#b42318);color:var(--tt-danger,#b42318);font-weight:700;margin-bottom:18px}.exported{margin-bottom:18px}.exported pre{white-space:pre-wrap;max-height:220px;overflow:auto;background:var(--tt-surface-soft,#fbfdff);padding:12px;border-radius:10px}.results{display:grid;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:9px 10px;border-bottom:1px solid var(--tt-line,#d9e1ef);text-align:left;vertical-align:top}th{background:var(--tt-surface-soft,#fbfdff)}.empty{color:var(--tt-muted,#5d6b82);font-style:italic}.below-copy{margin-top:18px;color:var(--tt-muted,#5d6b82)}@media(max-width:820px){.hero,.tool-grid,.summary{grid-template-columns:1fr}.mapping-grid{grid-template-columns:1fr}.shell{width:min(100% - 20px,var(--tt-maxw,1120px));margin-top:12px}.card{padding:16px}}
