/* Drawer Village global theme authority.
   Loaded after app.css so one palette consistently colors the complete app. */
html[data-color-mode][data-visual-theme],
html[data-color-mode][data-visual-theme] body,
html[data-color-mode][data-visual-theme] main:not(.web-drawer-content){
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 8% -8%,color-mix(in srgb,var(--s) 18%,transparent),transparent 32%),
    radial-gradient(circle at 94% 12%,color-mix(in srgb,var(--p) 12%,transparent),transparent 28%),
    var(--bg)!important;
}

/* 기본 테마: 따뜻한 나무색을 바탕으로 페이지와 카드의 역할을 분리한다. */
html[data-color-mode="light"][data-visual-theme="drawer-default"],
html[data-color-mode="light"][data-visual-theme="drawer-default"] body,
html[data-color-mode="light"][data-visual-theme="drawer-default"] #app,
html[data-color-mode="light"][data-visual-theme="drawer-default"] main:not(.web-drawer-content){
  background:var(--bg)!important;
  background-image:none!important;
}
html[data-color-mode="light"][data-visual-theme="drawer-default"] :is(
  .editor,.character-editor,.desktop-character-editor,.character-editor>.form,
  .profile-license,.home-page,.home,.town-page,.town-editor-panel
){
  background:transparent!important;
  background-image:none!important;
}

/* 프로필 기본/고급 설정 공통 레이아웃 */
.profile-license{
  display:grid;
  gap:16px;
  width:100%;
  max-width:1080px;
  min-width:0;
  margin:0 auto;
  padding:0;
  box-sizing:border-box;
}
.profile-basic-settings,
.relationship-basic-settings{
  display:grid;
  gap:15px;
  width:100%;
  min-width:0;
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--panel);
  box-sizing:border-box;
}
.profile-basic-settings>.fields{margin:0;padding:0}
.profile-license>.character-photo-quick-card,
.profile-license>.character-town{margin:0!important}
.settings-section-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  min-width:0;
}
.settings-section-heading>span{display:grid;gap:2px;min-width:0}
.settings-section-heading small,
.settings-advanced-group summary small{
  color:var(--p);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}
.settings-section-heading :is(h2,h3),
.settings-advanced-group summary b{margin:0;color:var(--ink);font-size:22px;line-height:1.2}
.settings-section-heading p{max-width:480px;margin:2px 0 0;color:var(--muted);line-height:1.55}
.settings-section-heading.compact{padding:0 2px}

.settings-advanced-group{
  display:block;
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--panel);
  box-sizing:border-box;
}
.settings-advanced-group>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:82px;
  padding:17px 20px;
  cursor:pointer;
  list-style:none;
  user-select:none;
  box-sizing:border-box;
}
.settings-advanced-group>summary::-webkit-details-marker{display:none}
.settings-advanced-group>summary>span{display:grid;gap:2px;min-width:0}
.settings-advanced-group>summary em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.4}
.settings-advanced-group>summary>i{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--ink);
  font-size:24px;
  font-style:normal;
  transition:transform .18s ease;
}
.settings-advanced-group[open]>summary{border-bottom:1px solid var(--line)}
.settings-advanced-group[open]>summary>i{transform:rotate(45deg)}
.settings-advanced-body{display:grid;gap:16px;padding:18px;min-width:0}
.profile-advanced-settings .settings-advanced-body>.fields{
  margin:0;
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--panel);
}
.profile-advanced-settings .settings-advanced-body>.setting-card,
.profile-advanced-settings .settings-advanced-body>.profile-attraction-settings{margin:0;box-shadow:none}

/* 관계 편집: 기본 항목은 짧게, 기존 세부 항목은 고급 설정에 그대로 보관 */
.relationship-basic-settings{padding:17px}
.relationship-basic-settings .character-view-fields,
.relationship-advanced-settings .character-view-fields{padding:0}
.relationship-basic-settings .character-view-fields{grid-template-columns:minmax(0,1fr)}
.relationship-advanced-settings{margin-top:14px}
.character-view-dialog .settings-advanced-body{padding:16px}
.relation-official-basic{margin:0}
.relation-official-advanced{margin:0}
.relation-official-advanced .settings-advanced-body>:first-child{margin-top:0}
.relation-official-advanced .settings-advanced-body>:last-child{margin-bottom:0}

html[data-color-mode="light"][data-visual-theme="rose"] :is(
  .profile-basic-settings,
  .relationship-basic-settings,
  .settings-advanced-group,
  .profile-advanced-settings .settings-advanced-body>.fields
){background:var(--panel)!important}

.body-basic-settings,.personality-basic-settings{align-content:start}
.body-advanced-settings,.personality-advanced-settings{margin-top:2px}

@media(min-width:721px){
  .character-editor{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}
  .character-editor>.form{padding:20px!important}
}

@media(max-width:720px),(min-width:721px) and (orientation:portrait){
  .profile-license{gap:12px;max-width:100%;margin:0}
  .profile-basic-settings,.relationship-basic-settings{padding:15px;border-radius:18px}
  .settings-section-heading{display:grid;gap:5px}
  .settings-section-heading p{margin:0;font-size:13px}
  .settings-advanced-group{border-radius:18px}
  .settings-advanced-group>summary{min-height:72px;padding:14px 15px}
  .settings-advanced-group>summary em{font-size:12px;word-break:keep-all}
  .settings-advanced-body{padding:13px}
  .profile-advanced-settings .settings-advanced-body>.fields{padding:13px}
}

html[data-color-mode][data-visual-theme] body>header,
html[data-color-mode][data-visual-theme] header:not(.direct-command-dialog>header),
html[data-color-mode][data-visual-theme].native-app .native-sub-header{
  border-color:var(--theme-border)!important;
  background:linear-gradient(135deg,var(--theme-surface-strong),var(--panel))!important;
  color:var(--ink)!important;
  box-shadow:0 10px 32px var(--theme-shadow)!important;
}

html[data-color-mode][data-visual-theme] body>header :is(h1,h2,h3,small,#save-state),
html[data-color-mode][data-visual-theme] body>header .brand :is(h1,small){
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
}
html[data-color-mode][data-visual-theme][data-active-tab] header nav button:not(.home-native-pill){
  border-color:var(--theme-border)!important;
  background:linear-gradient(145deg,var(--theme-surface),var(--panel))!important;
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
  box-shadow:0 6px 18px var(--theme-shadow)!important;
}
html[data-color-mode][data-visual-theme][data-active-tab] header nav button:not(.home-native-pill):is(.on,:hover,:focus-visible){
  border-color:color-mix(in srgb,var(--p) 76%,var(--line))!important;
  background:linear-gradient(135deg,var(--p),var(--s))!important;
  color:var(--on-grad)!important;
  -webkit-text-fill-color:var(--on-grad)!important;
}
html[data-color-mode][data-visual-theme] :is(.install-app-button,.pwa-install-button){
  border-color:var(--theme-border)!important;
  background:linear-gradient(135deg,var(--p),var(--s))!important;
  color:var(--on-grad)!important;
  -webkit-text-fill-color:var(--on-grad)!important;
  box-shadow:0 10px 28px var(--theme-shadow)!important;
}

html[data-color-mode][data-visual-theme] :is(
  .panel,.form,.setting-card,.sync-panel,.feedback-card,.font-preview,
  .catalog-kind,.catalog-dex-card,.catalog-card,.favorite-group,
  .shop-cart,.premium-product,.preview-notice,
  .shop-coming:not(.shop-expansion-showcase),.relationship-page:not(.relationship-redesign),.relation,
  .character-menu,.town-tabs,.resident-editor,.sleep-room-editor,.place-editor details,
  .desktop-observe-log .native-log-card,.native-status-card,.native-log-card
):not(.relationship-redesign):not(.town-building-detail-form details){
  border-color:var(--theme-border)!important;
  background:linear-gradient(145deg,var(--theme-surface),var(--panel))!important;
  color:var(--ink)!important;
  box-shadow:0 14px 38px var(--theme-shadow)!important;
}

html[data-color-mode][data-visual-theme] :is(.settings-shell,.catalog-shell,.shop-store,.relationship-page:not(.relationship-redesign)){
  border-color:var(--theme-border)!important;
  background:
    radial-gradient(circle at 5% 1%,color-mix(in srgb,var(--s) 14%,transparent),transparent 28%),
    linear-gradient(155deg,var(--theme-wash),var(--bg))!important;
  color:var(--ink)!important;
}

html[data-color-mode][data-visual-theme] :is(input,select,textarea):not(.dictionary-shell *):not(.character-book-v8 *):not(.town-building-screen *):not(.mail-center *):not(.mail-letter *),
html[data-color-mode][data-visual-theme] :is(.settings-shell,.catalog-shell,.shop-store,.relationship-page:not(.relationship-redesign),.editor,.home-page) button:not(.meeting-walker):not(.meeting-pair *):not(.character-book-v8 *):not(.game-hud-button):not(.game-hud-profile-toggle):not(.primary):not(.place):not(.person):not(.home-person):not(.room-pet):not(.home-interaction-avatar):not(.character-draft-back):not(.character-draft-action):not(.character-pane-ribbon):not(.character-pane-add):not(.character-wallet-selected):not(.character-registration-photo):not(.character-roster-entry):not(.character-roster-add):not(.character-roster-reorder):not(.character-setting-choice):not(.character-quick-settings-dialog *):not(.mobile-character-full-settings *):not(.character-full-tab):not(.character-full-save):not(.home-native-pill):not(.home-native-back):not(.town-native-community):not(.town-native-town-pill):not(.home-native-info-link):not(.home-native-house-name):not(.room-furniture-item){
  border-color:var(--theme-border)!important;
  background:var(--theme-surface)!important;
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
}
html.native-app[data-active-tab="home"] .home-page .furniture button{
  border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;
}
html[data-color-mode][data-visual-theme][data-active-tab="settings"] .settings-shell :is(input,select,textarea,button:not(.primary)),
html[data-color-mode][data-visual-theme][data-active-tab="catalog"] .catalog-shell :is(input,select,textarea,button:not(.primary)),
html[data-color-mode][data-visual-theme][data-active-tab="relationship"] .relationship-page:not(.relationship-redesign) :is(input,select,textarea,button:not(.primary)){
  border-color:var(--theme-border)!important;
  background:var(--theme-surface)!important;
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
}

html[data-color-mode][data-visual-theme] :is(dialog:not(.relationship-fullscreen-dialog):not(.direct-command-dialog),.visual-theme-dialog) form{
  border-color:var(--theme-border)!important;
  background:linear-gradient(145deg,var(--theme-surface),var(--panel))!important;
  color:var(--ink)!important;
}
html[data-color-mode][data-visual-theme] dialog::backdrop{background:color-mix(in srgb,var(--p) 32%,#10131acc)!important}
html[data-color-mode][data-visual-theme] :is(.setting-card,.panel,.form,.native-status-card,.native-log-card) :is(p,small,time):not(.room-edit-hint):not(.mobile-character-dashboard[data-character-ui-version="4"] *):not(.mobile-character-dashboard[data-character-ui-version="8"] *):not(.character-quick-settings-dialog *):not(.mobile-character-full-settings *){color:var(--muted)!important}
html[data-color-mode][data-visual-theme] .current-visual-theme{
  border-color:var(--theme-border)!important;
  background:linear-gradient(125deg,var(--theme-surface),var(--theme-surface-strong))!important;
}

html[data-color-mode][data-visual-theme="rose"] body{
  background:
    radial-gradient(circle at 12% 0,#cfb4ab66,transparent 30%),
    radial-gradient(circle at 88% 14%,#d7ccae78,transparent 28%),
    linear-gradient(145deg,var(--bg),color-mix(in srgb,#b2babc 18%,var(--bg)))!important;
}
html[data-color-mode][data-visual-theme="cobalt"] body{
  background:
    radial-gradient(circle at 9% 0,#e0c58f38,transparent 28%),
    radial-gradient(circle at 93% 8%,#3c507d55,transparent 32%),
    linear-gradient(150deg,var(--bg),color-mix(in srgb,#112250 13%,var(--bg)))!important;
}
html[data-color-mode][data-visual-theme="baroque"] body{
  background:
    radial-gradient(circle at 12% -3%,#fee39f88,transparent 30%),
    radial-gradient(circle at 88% 8%,#efbb554d,transparent 28%),
    linear-gradient(145deg,var(--bg),color-mix(in srgb,#ad6d15 13%,var(--bg)))!important;
}

html[data-color-mode="light"][data-visual-theme="baroque"][data-active-tab] body>header,
html[data-color-mode="light"][data-visual-theme="baroque"][data-active-tab] header:not(.direct-command-dialog>header){
  border-color:#ad6d15!important;
  background:linear-gradient(135deg,#fff9e8,#fee39f 58%,#efbb55)!important;
  color:#441004!important;
  box-shadow:0 10px 32px #79380b24,inset 0 -1px #ad6d1566!important;
}
html[data-color-mode="dark"][data-visual-theme="baroque"][data-active-tab] body>header,
html[data-color-mode="dark"][data-visual-theme="baroque"][data-active-tab] header:not(.direct-command-dialog>header){
  border-color:#ad6d15!important;
  background:linear-gradient(135deg,#180b03,#2a1306 58%,#79380b)!important;
  color:#fff2cf!important;
}

html[data-color-mode="light"][data-visual-theme="baroque"][data-active-tab="settings"] .settings-shell,
html[data-color-mode="light"][data-visual-theme="baroque"][data-active-tab="settings"] .settings-shell :is(.setting-card,.sync-panel,.feedback-card,fieldset){
  border-color:#e2bf6d!important;
  background:linear-gradient(145deg,#fff9e8,#fbf5d2)!important;
  color:#441004!important;
}
html[data-color-mode="dark"][data-visual-theme="baroque"][data-active-tab="settings"] .settings-shell,
html[data-color-mode="dark"][data-visual-theme="baroque"][data-active-tab="settings"] .settings-shell :is(.setting-card,.sync-panel,.feedback-card,fieldset){
  border-color:#79380b!important;
  background:linear-gradient(145deg,#2a1306,#180b03)!important;
  color:#fff2cf!important;
}
html[data-color-mode][data-visual-theme="baroque"] .visual-theme-options button[data-visual-theme="baroque"]{
  border-color:#ad6d15!important;
  background:linear-gradient(115deg,#441004 0 24%,#fbf5d2 24% 72%,#efbb55 72% 100%)!important;
}
html[data-color-mode][data-visual-theme="baroque"] .visual-theme-options button[data-visual-theme="baroque"] span{background:#fff9e8e8!important}
html[data-color-mode][data-visual-theme="baroque"] .visual-theme-options button[data-visual-theme="baroque"] :is(b,small){color:#441004!important;-webkit-text-fill-color:#441004!important}

/* The picker is one continuous collection. The selected badge owns its own
   row so it never covers a long Korean, English, or Japanese theme name. */
.visual-theme-dialog .visual-theme-options-all{
  grid-template-columns:repeat(2,minmax(0,1fr));
  padding-top:16px;
}
.visual-theme-dialog .visual-theme-options-all>button{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center;
  column-gap:12px;
  row-gap:6px;
  min-width:0;
}
.visual-theme-dialog .visual-theme-options-all>button>i{
  grid-column:1;
  grid-row:1;
}
.visual-theme-dialog .visual-theme-options-all>button>span{
  grid-column:2;
  grid-row:1;
  min-width:0;
}
.visual-theme-dialog .visual-theme-options-all>button>em{
  position:static!important;
  grid-column:2;
  grid-row:2;
  justify-self:start;
  max-width:100%;
  margin:0!important;
  padding:4px 9px!important;
  border-radius:999px;
  background:var(--p)!important;
  color:var(--on-p)!important;
  -webkit-text-fill-color:var(--on-p)!important;
  font-size:.72rem;
  font-style:normal;
  font-weight:800;
  line-height:1.25;
  white-space:nowrap;
  opacity:1!important;
  z-index:4;
}

@media(max-width:720px),(min-width:721px) and (orientation:portrait){
  html[data-color-mode][data-visual-theme] :is(.panel,.form,.setting-card,.sync-panel,.feedback-card,.native-status-card,.native-log-card){box-shadow:0 9px 24px var(--theme-shadow)!important}
  .visual-theme-dialog .visual-theme-options-all{grid-template-columns:minmax(0,1fr)}
  .visual-theme-dialog .visual-theme-options-all>button{padding:13px 14px!important}
}

/* 1.0.14 Android UI authority.
   The default app surface is true white with Drawer Village terracotta accents.
   These rules deliberately live in the last stylesheet so old experimental
   mobile layouts cannot squeeze the editor into desktop columns again. */
html[data-color-mode="light"][data-visual-theme="rose"],
html[data-color-mode="light"][data-visual-theme="rose"] body,
html[data-color-mode="light"][data-visual-theme="rose"] main:not(.web-drawer-content){
  background:#fff!important;
}
html[data-color-mode="light"][data-visual-theme="rose"] :is(.panel,.form,.setting-card,.sync-panel,.feedback-card){
  background:#fff!important;
}
html[data-color-mode="light"][data-visual-theme="rose"] :is(input,select,textarea,button:not(.primary)){
  background:#fff!important;
}

@media(max-width:720px),(min-width:721px) and (orientation:portrait){
  html.native-platform[data-color-mode="light"],
  html.native-platform[data-color-mode="light"] body,
  html.native-platform[data-color-mode="light"] #app,
  html.native-platform[data-color-mode="light"] main{
    background:#fff!important;
  }
  html.native-platform[data-color-mode="light"] .native-sub-header{
    border-color:var(--line)!important;
    background:#fff!important;
    color:var(--ink)!important;
    box-shadow:0 3px 14px var(--theme-shadow)!important;
  }
  html.native-platform[data-color-mode="light"] .native-sub-header :is(b,span,small,button){
    color:var(--ink)!important;
    -webkit-text-fill-color:var(--ink)!important;
  }
  html.native-platform[data-color-mode="light"][data-active-tab="character"] .mobile-character-dashboard:not([data-character-ui-version="4"]){
    background:#fff!important;
    color:var(--ink)!important;
  }
  html.native-platform[data-color-mode="light"][data-active-tab="character"] .mobile-character-dashboard:not([data-character-ui-version="4"]) .mobile-character-heading,
  html.native-platform[data-color-mode="light"][data-active-tab="character"] .mobile-character-dashboard:not([data-character-ui-version="4"]) .mobile-character-pane-grid button{
    border-color:var(--theme-border)!important;
    background:var(--theme-surface)!important;
    color:var(--ink)!important;
    -webkit-text-fill-color:var(--ink)!important;
    box-shadow:0 7px 18px var(--theme-shadow)!important;
  }
  html.native-platform[data-color-mode="light"][data-active-tab="character"] .mobile-character-dashboard:not([data-character-ui-version="4"]) .mobile-character-pane-grid button.on{
    border-color:var(--p)!important;
    background:linear-gradient(135deg,var(--p),var(--s))!important;
    color:var(--on-grad)!important;
    -webkit-text-fill-color:var(--on-grad)!important;
  }

  html.native-platform[data-active-tab="character"] .mobile-character-editor-dialog:not(.character-quick-settings-dialog){
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    min-width:0!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
  }
  html.native-platform[data-active-tab="character"] .mobile-character-editor-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html.native-platform[data-active-tab="character"] .mobile-editor-head{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    padding:max(12px,env(safe-area-inset-top)) 14px 12px!important;
    border-bottom:1px solid var(--line)!important;
    background:#fff!important;
    color:var(--ink)!important;
    box-shadow:none!important;
  }
  html.native-platform[data-active-tab="character"] .mobile-editor-head :is(b,small),
  html.native-platform[data-active-tab="character"] .mobile-editor-head>button{
    color:var(--ink)!important;
    -webkit-text-fill-color:var(--ink)!important;
  }
  html.native-platform[data-active-tab="character"] .mobile-character-editor-body{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    padding:16px 14px 28px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:#fff!important;
    color:var(--ink)!important;
  }
  html.native-platform[data-active-tab="character"] .mobile-character-editor-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    padding:10px 14px max(12px,env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--line)!important;
    background:#fff!important;
  }
  html.native-platform[data-active-tab="character"] .mobile-character-editor-actions .primary{
    width:100%!important;
    min-height:52px!important;
  }

  html.native-platform[data-active-tab="character"] .character-manage-pane,
  html.native-platform[data-active-tab="character"] .character-manage-grid:not(.character-full-overview .character-manage-grid),
  html.native-platform[data-active-tab="character"] .character-home-layout-editor{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:14px!important;
  }
  html.native-platform[data-active-tab="character"] .character-manage-pane:not(.character-full-overview .character-manage-pane) :is(h2,h3,h4,p,small,label,b),
  html.native-platform[data-active-tab="character"] .character-home-layout-editor :is(h3,p,small,b,time){
    max-width:100%!important;
    color:var(--ink)!important;
    -webkit-text-fill-color:var(--ink)!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
  }
  html.native-platform[data-active-tab="character"] .character-manage-grid:not(.character-full-overview .character-manage-grid)>section{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html.native-platform[data-active-tab="character"] .character-manage-grid:not(.character-full-overview .character-manage-grid)>section:not(.character-ld-settings):not(.character-home-layout-editor):not(.character-manage-files){
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    padding:13px!important;
  }
  html.native-platform[data-active-tab="character"] .character-manage-grid:not(.character-full-overview .character-manage-grid)>section>span{
    width:78px!important;
    min-width:78px!important;
    height:78px!important;
  }
  html.native-platform[data-active-tab="character"] .character-manage-grid:not(.character-full-overview .character-manage-grid)>section>div,
  html.native-platform[data-active-tab="character"] .character-ld-settings,
  html.native-platform[data-active-tab="character"] .character-manage-files{
    min-width:0!important;
    max-width:100%!important;
  }
  html.native-platform[data-active-tab="character"] .character-ld-settings,
  html.native-platform[data-active-tab="character"] .character-manage-files{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
  }
  html.native-platform[data-active-tab="character"] .character-ld-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html.native-platform[data-active-tab="character"] .image-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  html.native-platform[data-active-tab="character"] .image-actions button{
    flex:1 1 110px!important;
    min-width:0!important;
  }
  html.native-platform[data-active-tab="character"] .character-home-layout-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  html.native-platform[data-active-tab="character"] .home-layout-mode-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  html.native-platform[data-active-tab="character"] .home-layout-mode-buttons button{
    width:100%!important;
    min-width:0!important;
  }
  html.native-platform[data-active-tab="character"] .home-layout-mode-buttons button:last-child{
    grid-column:1/-1!important;
  }
  html.native-platform[data-active-tab="character"] .home-layout-preview{
    display:block!important;
    width:min(100%,330px)!important;
    min-width:0!important;
    max-width:330px!important;
    margin:0 auto!important;
  }
  html.native-platform[data-active-tab="character"] .home-layout-preview :is(.home-layout-preview-title,.home-layout-preview-menu){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html.native-platform[data-active-tab="character"] .home-layout-preview-card :is(b,small){
    color:#292724!important;
    -webkit-text-fill-color:#292724!important;
  }
  html.native-platform[data-active-tab="character"] .home-layout-save-note{
    display:block!important;
    width:100%!important;
    text-align:center!important;
  }
}