:root{color-scheme:light dark;--page:#f5f8fa;--surface:#fff;--surface-raised:#edf2f5;--line:#dce3e7;--text:#17232b;--muted:#53626d;--green:#217d38;--green-dark:#e7f3eb;--amber:#8c6400;--red:#b42318}
.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand img{width:208px;height:65px;object-fit:contain}.brand-service{font-size:13px!important;font-weight:600;padding-left:14px;border-left:1px solid var(--line);color:var(--muted)}
.topbar,.dropzone,.mapping select,.mapping-steps li{background:var(--surface)}
.primary{background:#0062a9;color:#fff;border-color:#0062a9}.primary:hover{background:#004d86}
.compatibility,.privacy{background:#fff4dc;color:#665019}.compatibility strong,.compatibility a,.privacy strong{color:#745200}
.mapping-steps li.is-active,.pipeline li.is-active span{background:#fff4dc;color:#745200}
.mapping-steps li.is-complete,.pipeline li.is-complete span{color:#176731}
.error,.pipeline li.is-failed span{background:#ffebe8;color:#9b2318}
.dropzone small{color:var(--muted)}.eyebrow{letter-spacing:0}
.jl-legal{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:12px;line-height:1.7;color:var(--muted)}.jl-legal p{margin:4px 0}
body[data-brand-page="privacy"]{background:var(--page);color:var(--text)}body[data-brand-page="privacy"] a{color:#0062a9}body[data-brand-page="privacy"] p,body[data-brand-page="privacy"] li{color:var(--muted)}body[data-brand-page="privacy"] .notice{background:var(--surface-raised)}
@media(prefers-color-scheme:dark){:root{--page:#181c1f;--surface:#202528;--surface-raised:#292f33;--line:#3a4147;--text:#eef2f4;--muted:#b4bec5;--green:#7bce89;--green-dark:#173d2d;--amber:#f0b84b;--red:#ff7b72}.compatibility,.privacy,.mapping-steps li.is-active,.pipeline li.is-active span{background:#30291b;color:#e8d6ab}.compatibility strong,.compatibility a,.privacy strong{color:#f6dfad}.mapping-steps li.is-complete,.pipeline li.is-complete span{color:#8ff0bc}.error,.pipeline li.is-failed span{background:#321d1d;color:#ffd6d2}body[data-brand-page="privacy"] a{color:#72bfff}}
@media(max-width:600px){.brand img{width:164px;height:52px}.brand-service{font-size:12px!important;padding-left:10px}.brand{gap:10px}}