#settings>.settingsTitle{display:flex;justify-content:space-between;gap:12px}
body #characterImportOpen.nativeAction{--action-height:30px;--action-padding:13px;font-size:11px}
.unionSnapshot .snapshotTop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}
.unionSnapshot #openUsageGuide{grid-column:3;white-space:nowrap;justify-self:end}
#characterImportSource{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:11px;line-height:1.5;color:#b6c8d1}
.unionSourceName{font-size:12px;font-weight:600;color:#f4e5c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.unionSourceKind{font-size:10px;color:#adbfc9;flex:none}
.unionSourceKind:empty{display:none}
.unionSourceWorld{flex:none;margin-left:3px;padding:2px 9px;border:2px solid transparent;border-image:var(--site-native-muted) 6 stretch;background:#26363e;color:#d9e5ec;font-size:10px;line-height:17px;text-align:center}
@media(max-width:760px){.unionSnapshot .snapshotTop{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}.unionSnapshot #openUsageGuide{grid-column:2;grid-row:1}#characterImportSource{grid-column:1/-1;grid-row:2;margin-top:2px}.unionSourceName{max-width:min(240px,52vw)}}
#characterImport{width:min(820px,calc(100% - 28px));max-width:820px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:7px solid transparent;border-image:var(--site-native-frame) 8 stretch;background:linear-gradient(125deg,#34414af2,#233039fa),var(--site-native-texture);background-clip:padding-box;color:#e6edf0;overflow:hidden;box-shadow:0 28px 100px #0009}
#characterImport[open]{display:flex;flex-direction:column;animation:characterImportEnter .2s ease-out}
#characterImport::backdrop{background:#0a131ccc;backdrop-filter:blur(4px)}
#characterImport [hidden]{display:none!important}
.characterImportHeader{display:flex;align-items:center;gap:12px;padding:20px 24px 0;flex:none}
.characterImportHeader>img{width:28px;height:28px;object-fit:contain;flex:none}
.characterImportHeader>div{flex:1;min-width:0}
.characterImportEyebrow{display:block;font-size:9px;letter-spacing:1.1px;color:#ceb994;line-height:1.5}
.characterImportHeader h2{font-size:20px;margin:3px 0 0;line-height:1.4;letter-spacing:-.5px;word-break:keep-all;text-wrap:balance}
#characterImportDescription{margin:10px 24px 16px;color:#c0cdd3;font-size:12px;line-height:1.8;flex:none;word-break:keep-all}
.characterImportSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0 24px 18px;gap:9px;flex:none}
.characterImportSteps li{display:flex;align-items:center;justify-content:center;gap:8px;color:#a6bac5;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;padding:9px 5px;background:#1e2b34;line-height:1.5}
.characterImportSteps b{font-size:10px;color:#8198a6;font-weight:500}
.characterImportSteps li span{font-size:12px;white-space:nowrap}
.characterImportSteps li[aria-current=step]{color:#ffebbc;border-image-source:var(--site-native-frame);background:#3c4848}
.characterImportSteps li[aria-current=step] b,.characterImportSteps li[data-complete=true] b{color:#ffdf9b}
.characterImportSteps li[data-complete=true]{color:#cde5e3}
.characterImportBody{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 18px;scrollbar-width:none}
.characterImportBody::-webkit-scrollbar,.characterRosterList::-webkit-scrollbar{display:none}
#characterImport .nativeAction:not(.nativeIconAction){--action-height:36px;--action-padding:18px}
#characterImportStatus{margin:12px 0;font-size:12px;color:#c5dbe3;line-height:1.7;word-break:keep-all}
#characterImportStatus:empty,#characterImportStatus[data-state=loading]{display:none}
#characterImportStatus[data-state=error]{color:#ffc2ae;padding:10px 12px;background:#412e2c;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch}
#characterImportStatus[data-state=ready]{color:#c7e8dd}
#characterImportStatus[data-state=ready]:before{content:'';display:inline-block;background:var(--site-native-checkOn) center/contain no-repeat;width:12px;height:12px;margin-right:7px;vertical-align:-1px}
#characterSearchForm[data-loading=true] .characterSearchKeyboard{visibility:hidden}
#characterImport[aria-busy=true] .characterSearchResults{display:none}
.characterSearchResults{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.characterSearchResults:empty{display:none}
.characterSearchMatch{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;width:100%;min-height:104px;padding:12px;border:4px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#23323b;color:#e4edf0;transition:background-color .15s}
.characterSearchMatch:hover,.characterSearchMatch:focus-visible{border-image-source:var(--site-native-frame);background:#3b4a50}
.characterSearchMatch img{width:62px;height:62px;object-fit:contain;flex:none}
.characterSearchMatch div{min-width:0;flex:1}
.characterSearchMatch strong,.characterSearchMatch small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.characterSearchMatch strong{font-size:15px;color:#fff0cf;margin-bottom:5px}
.characterSearchMatch small{font-size:11px;line-height:1.6;color:#b8cbd5}
.characterSearchMatch small.characterMatchHint{color:#ddc894;font-size:10px;margin-top:5px}
.characterSearchMatch>span{font-size:20px;color:#b9d4df}
.characterWalletIdentity{display:flex;align-items:center;gap:13px;padding:12px 0 15px;margin:0 0 2px;border-bottom:1px solid #97a8af30}
.characterWalletAvatar{display:flex;align-items:center;justify-content:center;width:62px;height:62px;flex:none;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#1b2931}
.characterWalletAvatar img{width:58px;height:58px;object-fit:contain}
.characterWalletAvatar:empty{display:none}
.characterWalletCopy{min-width:0}
#characterWalletSubject{display:block;font-size:16px;font-weight:600;color:#fff0cb;margin:3px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#characterWalletAddress{color:#a9bcc8;font-size:11px;font-family:monospace}
#characterWalletCount{margin-left:auto;font-size:12px;color:#c5dce6;font-variant-numeric:tabular-nums;text-align:right;line-height:1.6}
.characterSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px}
.characterSectionHeading h3{font-size:13px;font-weight:600;color:#f3e3c3;margin:0;line-height:1.5}
.characterSectionHeading>span{font-size:11px;color:#adbec9;text-align:right;line-height:1.5}
.characterWorldHeading{flex-direction:column;justify-content:center;gap:4px;text-align:center;margin:20px 0 14px}
.characterWorldHeading>span{text-align:center}
.characterWorldCards{display:grid;grid-template-columns:repeat(3,minmax(0,170px));justify-content:center;gap:12px;margin:0 auto 22px;max-width:100%}
.characterWorldCard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;border:4px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#203039;padding:15px 10px;color:#aebfc9;min-height:110px;text-align:center;transition:background-color .18s,box-shadow .18s,color .18s}
.characterWorldCard[aria-pressed=true]{border-image-source:var(--site-native-frame);background:radial-gradient(ellipse at center,#47616c80,#283b44 85%);color:#fff0cb;box-shadow:inset 0 0 24px #a3d9ee19,0 0 16px #8fd3e615}
.characterWorldCard:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#def4fc,transparent);opacity:0;transform:scaleX(.4);transition:opacity .18s,transform .18s;pointer-events:none}
.characterWorldCard[aria-pressed=true]:after{opacity:1;transform:scaleX(1)}
.characterWorldCard:hover,.characterWorldCard:focus-visible{border-image-source:var(--site-native-frame);background:#37464c}
.characterWorldArt{position:relative;display:grid;place-items:center;width:96px;height:32px;font-size:16px;font-weight:600;transition:filter .18s}
.characterWorldCard[aria-pressed=true] .characterWorldArt{filter:drop-shadow(0 0 7px #9adbef75)}
.characterWorldArt img{position:absolute;inset:0;width:96px;height:32px;object-fit:contain}
.characterWorldArt img:not([data-state=normal]){opacity:0}
.characterWorldCard[aria-pressed=true] [data-state=mouseOver],.characterWorldCard:hover [data-state=mouseOver],.characterWorldCard:focus-visible [data-state=mouseOver]{opacity:1}
.characterWorldCard:active [data-state=pressed]{opacity:1}
.characterWorldCount{font-size:12px;font-variant-numeric:tabular-nums;text-align:center;line-height:1.5}
.characterRankPanel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px;padding:15px 16px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#26353ec9;margin-bottom:12px}
.characterRankIdentity{display:flex;align-items:center;justify-content:center;gap:8px;min-height:66px;min-width:0}
#characterRankSymbol{width:65px;height:65px;object-fit:contain;flex:none}
#characterRankTitle{width:180px;height:80px;object-fit:contain;flex:0 1 180px;min-width:0}
#characterRankEmpty{font-size:15px;color:#d6bd94;text-align:center}
.characterImportSelectors{min-width:0}
.characterImportSelectors label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#f2dfba;line-height:1.5}
.characterImportSelectors select{width:100%;min-width:0;height:38px;appearance:none;border:0;border-radius:0;background-color:#22292d;background-image:var(--site-native-selectLeft),var(--site-native-selectArrow),var(--site-native-selectFill);background-position:left center,right center,5px center;background-repeat:no-repeat,no-repeat,repeat-x;background-size:5px 100%,24px 100%,5px 100%;color:#ffebc7;font-size:12px;padding:6px 30px 6px 10px;text-align:center}
.characterImportSelectors select option{background:#26343c;color:#edf4f5}
#characterRankNote{font-size:11px;line-height:1.65;color:#b1c1cc;margin:8px 0 0;word-break:keep-all}
.characterImportSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:17px}
.characterImportSummary>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#1d2b34;padding:14px 11px;min-width:0;min-height:86px;text-align:center}
.characterImportSummary>div>span{display:flex;align-items:center;justify-content:center;min-height:30px;font-size:11px;color:#b7cbd6;line-height:1.5;text-wrap:balance}
.characterImportSummary strong{display:flex;align-items:center;justify-content:center;width:100%;min-height:27px;line-height:1.25}
#characterImport .characterImportSummary .nativeDigits{gap:5px;align-items:flex-end;justify-content:center;flex-wrap:wrap;row-gap:3px}
#characterImport .characterImportSummary .nativeNumberValue img{height:23px;width:auto;max-width:none}
#characterImport .characterImportSummary .nativeNumberValue img.nativeComma{height:4px}
#characterImport .characterImportSummary .nativeNumberSuffix{font-size:10px;color:#bdcfda}
.characterBlockTypes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.characterBlockType{border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#26343e;padding:12px 8px;text-align:center;min-width:0}
.characterBlockType>img{width:24px;height:24px;object-fit:contain;display:block;margin:0 auto 7px}
.characterBlockType>strong{display:block;font-size:12px;color:#eaddbf;margin-bottom:8px}
.characterBlockType>div{display:flex;justify-content:center;gap:7px;align-items:center;min-height:24px;color:#cbdfeb}
.characterBlockType .importTierArt{height:19px;width:auto;max-width:34px;object-fit:contain}
.characterBlockType .importTierCount{min-width:24px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
.characterBlockType .importEmpty{color:#7f96a4;font-size:13px}
.characterImportNotice{font-size:11px;line-height:1.8;margin:13px 0 0;color:#e5d1a8;padding:10px 12px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#393c35;word-break:keep-all}
.characterImportNotice p{margin:0}.characterImportNotice p+p{margin-top:6px}
.characterImportNotice:empty{display:none}
.characterRosterDetails{margin-top:16px;border-top:1px solid #94a6af30;padding-top:12px}
.characterRosterDetails summary{font-size:12px;color:#d7e5ea;padding:5px 0;line-height:1.5}
.characterRosterFilters{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.characterRosterFilters button{border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#22323b;padding:6px 12px;color:#b7cbd6;font-size:11px}
.characterRosterFilters button[aria-pressed=true]{border-image-source:var(--site-native-frame);background:#3a494b;color:#ffe5b4}
.characterRosterFilters button:disabled{opacity:.45}
.characterRosterList{overflow:auto;overscroll-behavior:contain;max-height:270px;scrollbar-width:none;display:grid;gap:5px}
.characterRosterRow{display:grid;grid-template-columns:minmax(0,1fr) 62px 40px 110px;gap:10px;padding:10px 12px;background:#1d2b34;align-items:center;font-size:12px;line-height:1.6}
.characterRosterRow>div{min-width:0}
.characterRosterRow strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#e9f0f2}
.characterRosterRow small{font-size:10px;color:#a6bdca}
.characterRosterRow>span{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.characterRosterRow>span img{height:20px;width:auto;vertical-align:middle}
.characterRosterRow>span:last-child{font-size:11px;color:#bfe6d7}
.characterRosterRow[data-state=excluded]>span:last-child,.characterRosterRow[data-state=waiting]>span:last-child{color:#dbc398}
.characterImportBoostNote{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:11px;line-height:1.8;color:#afc3ce;word-break:keep-all}
.characterImportBoostNote img{width:17px;height:17px;object-fit:contain;flex:none}
.characterImportFooter{display:flex;flex-direction:column;gap:12px;flex:none;padding:14px 24px 17px;border-top:1px solid #93a6af30;background:#1a2930dd}
.characterImportFooter p{margin:0;font-size:11px;line-height:1.7;color:#c3d4dc;word-break:keep-all}
.characterImportFooter>div{display:flex;gap:10px;justify-content:flex-end}
.characterImportLoading{margin:16px 0 4px;border:5px solid transparent;border-image:var(--site-native-frame) 8 stretch;background:linear-gradient(120deg,#30424bf2,#26353df9),var(--site-native-texture);padding:24px}
.characterLoadingHero{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.characterLoadingHero>div:last-child{min-width:0}
.characterLoadingHero h3{font-size:19px;line-height:1.5;color:#ffecc6;margin:5px 0 7px;letter-spacing:-.4px;word-break:keep-all}
.characterLoadingHero p{font-size:12px;line-height:1.8;color:#baceD9;margin:0;word-break:keep-all}
.characterLoadingTiles{position:relative;display:grid;grid-template-columns:repeat(2,28px);gap:0;width:56px;height:56px;flex:none}
.characterLoadingTiles>img{width:28px;height:28px;animation:characterTilePulse 1.5s ease-in-out infinite}
.characterLoadingTiles>img:nth-child(2){animation-delay:.18s}.characterLoadingTiles>img:nth-child(3){animation-delay:.54s}.characterLoadingTiles>img:nth-child(4){animation-delay:.36s}
.characterLoadingTiles .characterLoadingJob{position:absolute;left:6px;top:6px;width:16px;height:16px;animation:none}
#characterLoadingStages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 14px;counter-reset:loading}
#characterLoadingStages li{counter-increment:loading;color:#8fa8b7;font-size:11px;display:flex;align-items:center;gap:7px;line-height:1.5}
#characterLoadingStages li:before{content:counter(loading,decimal-leading-zero);color:#7793a3;font-size:10px}
#characterLoadingStages li[data-state=current],#characterLoadingStages li[data-state=current]:before{color:#ffe4ab}
#characterLoadingStages li[data-state=done]{color:#bfe1d9}
#characterLoadingStages li[data-state=done]:before{content:'';width:12px;height:12px;background:var(--site-native-checkOn) center/contain no-repeat}
#characterImportLoading[data-phase=search] #characterLoadingStages{display:none}
.characterLoadingActivity{height:8px;background:#152832;overflow:hidden;border:1px solid #769cac3d}
.characterLoadingActivity>span{display:block;width:35%;height:100%;background:var(--site-native-boostTile) center/20px 20px repeat-x;animation:characterLoadingSweep 1.8s ease-in-out infinite}
.characterLoadingFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;min-height:32px}
#characterLoadingCount{font-size:12px;color:#c0d6df;line-height:1.7;font-variant-numeric:tabular-nums}
#characterImport #characterLoadingCancel.nativeAction{--action-height:30px;--action-padding:14px;font-size:11px;flex:none}
@keyframes characterImportEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes characterTilePulse{0%,100%{opacity:.55;filter:brightness(.85)}50%{opacity:1;filter:brightness(1.15)}}
@keyframes characterLoadingSweep{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}
/* Original UIWindow4.img/ShortCutUI/textBox pixels, with native Union focus frame. */
#characterSearchForm{margin:0;padding:14px 15px 12px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#1e2c3466}
.characterSearchHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.characterSearchHeading label{font-size:13px;font-weight:600;color:#f7e8c5}
.characterSearchKeyboard{display:flex;align-items:center;gap:5px;font-size:10px;color:#acc0cd;white-space:nowrap}
.characterSearchKeyboard kbd{font-family:inherit;font-size:10px;color:#d3e2e9;padding:2px 6px;border:2px solid transparent;border-image:var(--site-native-muted) 6 stretch;background:#15252e}
.characterSearchControl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.characterSearchField{position:relative;display:flex;align-items:center;min-width:0;min-height:48px;border:6px solid transparent;border-image:var(--site-native-characterInput) 4 fill stretch;padding:0 1px 0 8px;isolation:isolate}
.characterSearchField:after{content:'';position:absolute;inset:-6px;border:2px solid transparent;border-image:var(--site-native-muted) 7 stretch;pointer-events:none;opacity:.85;transition:opacity .15s}
.characterSearchField:focus-within:after{border-image-source:var(--site-native-boostFrame);opacity:1;box-shadow:0 0 0 1px #8ec7da55}
#characterSearchInput{flex:1;min-width:0;width:100%;height:34px;border:0!important;border-radius:0;background:transparent!important;color:#f2f5f5;font-size:16px;line-height:1.5;padding:0 7px 0 0;outline:none;box-shadow:none;appearance:textfield;letter-spacing:.1px}
#characterSearchInput::placeholder{color:#a6bac6;font-size:14px;letter-spacing:0}
#characterSearchInput::-webkit-search-cancel-button,#characterSearchInput::-webkit-search-decoration{appearance:none;display:none}
.characterSearchField:has([aria-invalid=true]):after{border-image-source:var(--site-native-frame);opacity:1}
body #characterImport #characterSearchClear.nativeIconAction{width:34px;min-width:34px;height:34px;min-height:34px;flex:none;opacity:1}
#characterSearchClear:hover,#characterSearchClear:focus-visible{opacity:1}
#characterSearchClear:before{background-size:12px 12px}
#characterSearchClear:focus-visible:before{background-image:var(--site-native-close-mouseOver)}
body #characterImport #characterSearchButton.nativeAction{--action-height:48px;--action-padding:22px;min-width:120px;font-size:13px;font-weight:600}
#characterSearchHint{margin:9px 0 0;font-size:12px;line-height:1.8;color:#c1d2dc;word-break:keep-all}

@media(max-width:620px){
 .characterRankPanel{grid-template-columns:1fr;gap:5px;padding:12px}
 .characterRankIdentity{min-height:62px}#characterRankSymbol{width:58px;height:58px}#characterRankTitle{width:175px;height:75px;flex-basis:175px}
 #characterRankNote{text-align:center}.characterImportSelectors label{text-align:center}
 .characterImportSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.characterBlockTypes{grid-template-columns:repeat(3,minmax(0,1fr))}
 .characterWorldCards{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.characterWorldCard{padding:12px 7px}
}
@media(max-width:540px){
 .characterImportHeader{padding:15px 14px 0;gap:8px}.characterImportHeader h2{font-size:16px}.characterImportHeader>img{width:23px;height:23px}
 #characterImportDescription{margin:9px 14px 12px;font-size:11px}.characterImportSteps{margin:0 14px 12px;gap:5px}
 .characterImportSteps li{gap:5px;padding:7px 2px}.characterImportSteps b{font-size:8px}.characterImportSteps li span{font-size:10px}
 .characterImportBody{padding:0 14px 14px}.characterImportFooter{padding:12px 14px 14px}.characterSearchResults{grid-template-columns:1fr}
 #characterSearchForm{padding:12px 11px 11px}.characterSearchHeading{gap:8px;margin-bottom:9px}.characterSearchHeading label{font-size:12px}
 .characterSearchControl{grid-template-columns:minmax(0,1fr);gap:9px}.characterSearchField{min-height:50px}
 #characterSearchInput{font-size:16px;height:36px}#characterSearchInput::placeholder{font-size:13px}
 body #characterImport #characterSearchClear.nativeIconAction{width:38px;min-width:38px;height:36px;min-height:36px}
 body #characterImport #characterSearchButton.nativeAction{--action-height:40px;--action-padding:20px;width:100%;font-size:12px}
 #characterSearchHint{font-size:11px;line-height:1.8}.characterImportSummary{gap:7px}
 .characterImportSummary>div{padding:11px 9px}.characterImportSummary>div>span{font-size:10px}
 .characterBlockTypes{gap:6px}.characterWalletIdentity{gap:10px;flex-wrap:wrap}
 #characterWalletCount{margin-left:0;flex:1 0 100%;text-align:left;font-size:11px}.characterWalletAvatar{width:54px;height:54px}.characterWalletAvatar img{width:50px;height:50px}
 .characterSectionHeading{gap:8px}.characterSectionHeading>span{font-size:10px}
 .characterRosterFilters{gap:5px}.characterRosterFilters button{padding:5px 7px;font-size:10px}
 .characterRosterRow{grid-template-columns:minmax(0,1fr) 44px 28px 82px;gap:5px;padding:9px 7px;font-size:10px}
 .characterRosterRow strong{font-size:11px}.characterRosterRow small,.characterRosterRow>span:last-child{font-size:9px}
 .characterRosterRow>span img{height:18px}.characterImportFooter>div{display:grid;grid-template-columns:1fr 1.6fr}
 .characterImportFooter .nativeAction{--action-padding:9px!important;font-size:11px}.characterImportFooter p{font-size:10px}
 .characterImportLoading{padding:18px 13px}.characterLoadingHero{gap:13px;margin-bottom:18px}.characterLoadingHero h3{font-size:16px}.characterLoadingHero p{font-size:11px}
 #characterLoadingStages{gap:5px}#characterLoadingStages li{font-size:9px;gap:4px}#characterLoadingStages li:before{font-size:8px}
 .characterLoadingFooter{align-items:flex-start}#characterLoadingCount{font-size:11px}
}
@media(max-width:540px){.characterWorldCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.characterWorldCard{padding:13px 2px;min-height:102px;gap:9px}.characterWorldArt{width:80px;height:27px}.characterWorldArt img{width:80px;height:27px}.characterWorldCount{font-size:10px}}
@media(max-width:350px){.characterWorldCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.characterWorldCard{min-height:92px;padding:10px 1px;gap:8px}.characterWorldArt{width:70px;height:24px}.characterWorldArt img{width:70px;height:24px}.characterWorldCount{font-size:9px}.characterImportSteps li{flex-direction:column;gap:2px;padding:6px 2px;text-align:center}.characterImportSteps li span{white-space:normal;font-size:9px}.characterImportSteps b{font-size:8px}.characterLoadingTiles{display:none}}
@media(prefers-reduced-motion:reduce){#characterImport[open],.characterLoadingTiles>img,.characterLoadingActivity>span{animation:none}.characterLoadingActivity>span{width:100%;opacity:.55}.characterSearchField:after,.characterWorldCard,.characterSearchMatch{transition:none}}


/* Keep the search available after loading, without repeating introductory copy. */
#characterImport[data-view=preview] .characterSearchHeading,#characterImport[data-view=preview] #characterSearchHint{display:none}
#characterImport[data-view=preview] #characterSearchForm{padding:9px 12px}
#characterImport[data-view=preview] .characterSearchField{min-height:40px}
body #characterImport[data-view=preview] #characterSearchButton.nativeAction{--action-height:40px}
@media(max-width:540px){#characterImport[data-view=preview] .characterSearchControl{grid-template-columns:minmax(0,1fr) auto;gap:8px}body #characterImport[data-view=preview] #characterSearchButton.nativeAction{--action-padding:12px;min-width:82px;font-size:11px}#characterImport[data-view=preview] #characterSearchForm{padding:9px 8px}}