/* Supporting UI uses the approved A3 neutral surfaces; records and fees remain factual. */
.creative-card,.community-hero,.community-feature-section,.community-mine,.community-leaderboard{
  --ip-feedback-leaf:var(--v5-page,#F7FAF2);
  --ip-feedback-sky:var(--v5-page,#F7FAF2);
  --ip-feedback-lilac:var(--v5-page,#F7FAF2);
  --ip-feedback-ink:var(--ink,#183E35);
}
.ip-feedback-fallback{display:grid;place-items:center;width:76px;height:96px;color:var(--brand);flex:none}
.ip-feedback-fallback svg{width:40px;height:40px}
.community-welcome{display:grid;grid-template-columns:105px minmax(0,1fr);gap:24px;align-items:center;min-width:0}
.community-welcome-character{width:105px;height:145px;flex:none;align-self:center}
.community-welcome h2{line-height:1.4;text-wrap:balance}
.community-welcome p:last-child{margin-bottom:0}
.community-score{font-variant-numeric:tabular-nums}
.community-empty.ip-feedback-empty{color:var(--muted);padding:24px;border-style:solid;border-color:var(--line);background:var(--v5-page,#F7FAF2)}
.ip-feedback-empty{display:flex;align-items:center;gap:22px;min-width:0;grid-column:1/-1}
.ip-feedback-character{width:92px;height:124px;flex:none}
.ip-feedback-copy{min-width:0;flex:1}
.ip-feedback-copy h4{margin:0 0 8px;color:var(--ip-feedback-ink,var(--ink));font-size:16px;line-height:1.5;text-wrap:balance}
.ip-feedback-copy p{margin:0 0 14px;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.ip-feedback-actions{display:flex;flex-wrap:wrap;gap:9px}
.ip-feedback-actions .btn{margin:0;white-space:normal;min-height:40px;text-align:center}
.community-leaderboard .ip-feedback-empty{margin-top:20px;padding:20px}
.creative-mode-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 24px}
.creative-mode-option{display:flex;align-items:center;gap:16px;padding:16px;min-width:0;min-height:104px;border:1px solid var(--line);border-radius:12px;background:var(--v5-surface,#fff);color:var(--ip-feedback-ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background-color 120ms,border-color 120ms,box-shadow 120ms}
.creative-mode-option>span:last-child{min-width:0;flex:1}
.creative-mode-icon{width:32px;height:32px;flex:none;color:var(--brand)}
.creative-mode-option strong{display:block;font-size:16px;line-height:1.5}
.creative-mode-option small{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin:4px 0}
.creative-mode-selected{display:inline-block;font-size:12px;font-style:normal;line-height:1.5;visibility:hidden;color:var(--brand)}
.creative-mode-option[aria-pressed="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--v5-page,#F7FAF2)}
.creative-mode-option[aria-pressed="true"] .creative-mode-selected{visibility:visible}
.creative-mode-option:hover:not(:disabled){border-color:var(--brand);background:var(--v5-page,#F7FAF2)}
.creative-mode-option:active:not(:disabled){background:var(--v5-control,#D0EFDF)}
.creative-mode-option:disabled{cursor:wait;opacity:.65}
.creative-mode-option:focus-visible,.ip-feedback-actions .btn:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.creative-history-empty,.creative-reference-empty{padding:24px;background:var(--v5-page,#F7FAF2);border:1px solid var(--line);border-radius:12px;color:var(--muted);margin-top:16px}
.creative-reference-empty{margin:0}
.creative-card :is(input,select,textarea){scroll-margin:24px}
@media(max-width:1100px) and (min-width:741px){
  .creative-mode-option{flex-direction:column;gap:8px;align-items:flex-start}
  .community-welcome{grid-template-columns:80px minmax(0,1fr);gap:16px}
  .community-welcome-character{width:80px;height:116px}
}
@media(max-width:740px){
  .creative-mode-shortcuts{gap:8px;margin:16px 0}
  .creative-mode-option{flex-direction:column;gap:7px;align-items:center;text-align:center;padding:12px 8px;min-height:104px}
  .creative-mode-icon{width:28px;height:28px}
  .creative-mode-option strong{font-size:13px}
  .creative-mode-option small{display:none}
  .creative-mode-selected{font-size:12px;margin-top:3px}
  .community-welcome{grid-template-columns:75px minmax(0,1fr);gap:16px}
  .community-welcome-character{width:75px;height:112px}
  .ip-feedback-empty,.community-leaderboard .ip-feedback-empty{gap:16px;padding:20px}
  .community-empty.ip-feedback-empty{padding:20px}
  .ip-feedback-character{width:70px;height:100px}
  .ip-feedback-copy h4{font-size:15px}
  .ip-feedback-copy p{font-size:13px}
  .ip-feedback-actions .btn{min-height:44px;padding:9px 12px;font-size:13px}
}
@media(max-width:420px){
  .community-welcome{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .community-welcome-character{width:64px;height:98px}
  .community-welcome h2{font-size:22px}
  .creative-mode-option{padding:10px 5px}
}
@media(prefers-reduced-motion:reduce){.creative-mode-option{transition:none}}