.wf-extras { margin-top: 16px; color: #bcbcc8; font: 0.85rem/1.6 var(--font-body, sans-serif); text-align: left; min-width: 0; }
.wf-extras summary { cursor: pointer; color: #eee; padding: 8px 0; }
.wf-extras button, .wf-extras select, .wf-extras a { font: inherit; }
.wf-extras button, .wf-extras select { padding: 7px 11px; background: #19191f; border: 1px solid #393943; color: #eee; border-radius: 8px; cursor: pointer; }
.wf-extras button:disabled { opacity: .5; cursor: wait; }
.wf-extras button:focus-visible, .wf-extras summary:focus-visible { outline: 2px solid #a859ff; outline-offset: 3px; }
.wf-extras button[aria-pressed=true] { color: #f1d373; border-color: #937238; }
.wf-extras .wf-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 8px 0; }
.wf-extras .wf-saved { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr)); gap: 7px; max-height: 220px; overflow: auto; }
.wf-saved button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; min-width: 0; }
.wf-extras details { border-top: 1px solid #292932; }
.wf-extras p { margin: 8px 0; }
.wf-extras a { color: #cdb1ee; }
.wf-extras .wf-source { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.wf-extras .wf-source p { border: 1px solid #303039; border-radius: 9px; padding: 10px; overflow-wrap: anywhere; }
.wf-extras .wf-dlc-list { max-height: 260px; overflow: auto; padding-left: 20px; }
.wf-dlc-list li { padding: 6px 0; overflow-wrap: anywhere; }
.wf-extras .wf-state { border-left: 3px solid #9750dc; padding: 8px 12px; background: #14141b; border-radius: 5px; }
.wf-extras progress { width: 100%; height: 5px; accent-color: #a54cf5; }
.wf-extras textarea { width: 100%; min-height: 100px; background: #111; color: #eee; }
@media(max-width:600px) { .wf-extras .wf-source { grid-template-columns: minmax(0,1fr); } }
.wf-extras [hidden], .wf-extras[hidden] { display: none !important; }