/* Private player editor; public cards and the Staff form keep their own layout. */
.page-hero { padding-block: clamp(28px,4vw,48px); }
.page-hero h1 { font-size: clamp(2.8rem,6vw,5rem); }
.community-manage-shell { grid-template-columns: minmax(0,1fr); gap: 24px; }
.community-manage-navigation { position: static; grid-template-columns: repeat(4,minmax(0,1fr)); box-shadow: none; }
.community-manage-navigation > p { display: none; }
.community-manage-content { gap: 24px; }
.community-manage-grid { grid-template-columns: minmax(0,1fr) minmax(400px,1fr); gap: clamp(24px,4vw,54px); }
.editor-managed { padding: clamp(16px,2.3vw,32px); background: #151311; color: #f3e7c9; min-width: 0; }
.editor-managed [hidden], .editor-extras [hidden] { display: none !important; }
.editor-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; padding-bottom: 20px; border-bottom: 1px solid #5f574b; }
.editor-button, .editor-preview-toggle, .editor-theme-tile, .editor-sample, .editor-character-chip { border: 1px solid #73695a; color: #f3e7c9; background: #211e1b; font: inherit; cursor: pointer; min-width: 0; }
.editor-tabs button { min-height: 48px; padding: 8px 4px; font-size: .78rem; font-weight: 850; line-height: 1.3; overflow-wrap: anywhere; }
.editor-tabs [aria-selected="true"] { background: #f15a00; color: #11100f; border-color: #f15a00; }
.editor-managed button:focus-visible, .editor-preview-toggle:focus-visible, .editor-managed summary:focus-visible { outline: 3px solid #14d7d6; outline-offset: 3px; }
.editor-panel { display: grid; gap: 20px; min-width: 0; padding-top: 22px; }
.editor-panel-title { margin: 0; font-size: clamp(1.6rem,3vw,2.4rem); line-height: 1.1; color: #f3e7c9; }
.editor-help { margin: 0; color: #d3c8b2; font-size: .88rem; line-height: 1.55; }
.editor-managed .form-field { min-width: 0; margin: 0; }
.editor-managed .form-row { gap: 16px; }
.editor-managed .community-game-profiles { padding:0; border:0; }
.editor-managed .community-game-profiles > legend { margin-bottom:4px; padding:0; }
.editor-managed .community-game-profile__content .form-row { grid-template-columns:minmax(0,1fr); }
.editor-managed .community-game-profile > summary > strong { max-width:48%; }
.editor-managed .community-editor-section { margin: 0; }
.editor-managed .community-editor-section__content { display: grid; gap: 18px; padding-top: 18px; }
.editor-managed .community-editor-section > summary { line-height: 1.45; padding-block: 4px; }
.editor-managed .community-secondary-character-field { display: grid; gap: 12px; }
.editor-selected-characters { display: flex; flex-wrap: wrap; gap: 8px; }
.editor-character-chip { padding: 8px 12px; min-height: 44px; border-color: #14d7d6; }
.editor-managed [data-secondary-characters] { max-height: 260px; overflow-y: auto; overscroll-behavior: contain; padding: 4px; }
.editor-search-label { display: grid; gap: 8px; color: #f3e7c9; }
.editor-theme-choices { display: grid; gap: 12px; }
.editor-choice-heading { margin: 12px 0 0; font-weight: 800; font-size: .8rem; color: #d3c8b2; }
.editor-theme-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.editor-theme-tile { display: grid; padding: 4px; gap: 7px; text-align: left; font-size: .75rem; line-height: 1.3; }
.editor-theme-tile > span:last-child { padding: 2px 4px 6px; overflow-wrap: anywhere; }
.editor-theme-art { display: block; aspect-ratio: 1.65; width: 100%; background-size: cover; background-position: center; background-color: #171022; }
.editor-theme-tile[aria-pressed="true"], .editor-sample[aria-pressed="true"] { border: 2px solid #f15a00; background-color: #37271b; box-shadow: 0 0 0 1px #f15a00; }
.editor-sample-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.editor-sample { padding: 10px; display: grid; gap: 8px; font-size: .8rem; }
.editor-sample-visual { font-size: 1.6rem; }
.editor-sample-brush { font-family: 'Permanent Marker',cursive; }
.editor-sample-impact { font-family: 'Hadokamp Barlow Condensed',Impact,sans-serif; font-weight: 900; }
.editor-sample-tech { font-family: 'Hadokamp Barlow Condensed',sans-serif; font-style: italic; }
.editor-sample-elegant { font-family: 'Hadokamp Cormorant Garamond',Georgia,serif; }
.editor-sample-poster { font-family: 'Hadokamp Bebas Neue',sans-serif; }
.editor-sample-arcade { font-family: 'Hadokamp Black Ops One',sans-serif; }
.editor-sample-street { font-family: 'Hadokamp Permanent Marker',cursive; }
.editor-layout-sample { display: block; position: relative; height: 65px; background: #080909; }
.editor-layout-sample i { position: absolute; width: 24%; height: 80%; top: 10%; right: 15%; background: #867664; border-radius: 40% 40% 0 0; }
.editor-layout-sample b, .editor-layout-sample em { position: absolute; width: 36%; height: 12%; left: 8%; top: 35%; background: #f3e7c9; }
.editor-layout-sample em { width: 24%; height: 6%; top: 56%; background: #f15a00; }
.editor-sample-centered b, .editor-sample-centered em { left: 32%; top: 70%; }
.editor-sample-centered em { top: 88%; }
.editor-sample-centered i { right: 38%; }
.editor-sample-dynamic b, .editor-sample-dynamic em { transform: skewX(-12deg); }
.editor-sample-compact b { width: 28%; height: 9%; }
.editor-sample-compact em { top: 68%; }
.editor-savebar { position: sticky; bottom: 0; z-index: 40; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px max(14px,env(safe-area-inset-bottom)); background: #151311; color: #f3e7c9; border-top: 2px solid #f15a00; box-shadow: 0 -8px 25px #0003; }
.editor-save-status { margin: 0; font-size: .85rem; font-weight: 750; }
.editor-save-actions { display: flex; gap: 14px; }
.editor-save-actions .button { margin: 0; min-height: 44px; padding: 12px 20px; font-size: .75rem; }
.editor-save-actions :disabled { opacity: .6; cursor: default; }
.editor-extras { display: grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap: 16px; align-items:start; }
.editor-extras > details { background: #151311; color: #f3e7c9; padding: 22px; margin: 0; }
.editor-extras > details > summary { min-height:28px; cursor:pointer; }
.editor-extras .community-editor-section__content { display: grid; gap: 18px; }
.editor-extras .community-wallet-panel { margin: 0; }
.editor-extra-account .button { width:100%; }
@media (max-width: 620px) { .community-manage-navigation { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.editor-preview-toggle { display: block; padding: 9px 14px; margin-bottom: 10px; font-size: .8rem; }
.editor-preview.is-collapsed [data-card-render], .editor-preview.is-collapsed > p { display: none; }
.editor-notice { margin: 0; }
.editor-preview [data-card-render] { scroll-margin-top: 110px; }
.editor-preview .community-art-drag-hint { color: #514536; }
@media (max-width: 900px) {
  .community-manage-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .community-manage-grid[data-editor-section="appearance"] .editor-preview { position: sticky; top: 64px; z-index: 20; padding: 8px; background: #f3e7c9; box-shadow: 0 4px 12px #0003; }
  .editor-preview [data-card-render] { max-width: 430px; margin: auto; }
  .editor-preview > p { display: none; }
  .editor-preview-toggle { padding: 6px 12px; margin: 0 auto 6px; }
  .editor-managed { padding: 16px; }
  .editor-savebar { padding-inline: 12px; gap: 8px; }
  .editor-save-status { flex: 1 0 100%; font-size: .78rem; }
  .editor-save-actions { width: 100%; gap: 12px; }
  .editor-save-actions .button { flex: 1; padding-inline: 8px; font-size: .65rem; }
  .editor-theme-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .editor-tabs button { font-size: .7rem; }
  .editor-extras { grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 560px) {
  .editor-preview [data-card-render] { max-width: 320px; }
  .editor-managed .form-row { grid-template-columns: minmax(0,1fr); }
}