/* Legacy feature layout. Visual ownership: interface.css. */
@layer legacy {
/* Shared component ownership: typography, spacing, fields, cards, states,
   disclosures and tabs. Feature styles only own their content layout. */
:root {
 --ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:24px;--ui-space-6:32px;--ui-space-7:48px;
 --ui-card-pad:24px;--ui-gap:24px;--ui-radius:14px;--ui-control-height:44px;
 --ui-text:#edf2f5;--ui-muted:#aab8c3;--ui-faint:#8e9eab;--ui-border:#293641;--ui-accent:#72c79a;--ui-panel:#111820;--ui-input:#0a1016;
}
body {color:var(--ui-text)}
body.config-workspace-body {background:#080d10}
body .config-shell {display:flex;flex-direction:column;min-height:100dvh}
body .config-main {flex:1;width:100%;min-width:0;max-width:1460px;margin:0 auto;padding:32px clamp(20px,3vw,48px) 48px}
body .config-hero, .ui-page-header, .platform-page-head {display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid var(--ui-border)}
body .config-hero h1, .ui-page-header h1, .platform-page-head h1 {font-size:clamp(28px,2.6vw,38px);line-height:1.15;letter-spacing:-.035em;margin:8px 0 10px;font-weight:700}
body .config-hero p, .ui-page-header p, .platform-page-head p {max-width:70ch;margin:0;color:var(--ui-muted);font-size:14px;line-height:1.65}
body .config-hero-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
body .config-hero::before {display:none}
body[data-config-section=automation] .config-card {max-width:760px;width:100%}
body .mini-label, .ui-eyebrow, .config-card-head small {font-size:10.5px;line-height:1.4;letter-spacing:.14em;font-weight:650;color:var(--ui-accent)}
body .config-section-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ui-gap);align-items:start;min-width:0}
body .config-section-grid.has-preview {grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr)}
body .config-column, body .config-view {display:grid;gap:var(--ui-gap);min-width:0;align-content:start}
body .config-card, body .internal-card, body .ui-card {border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel);box-shadow:none;min-height:0;min-width:0;overflow:visible}
body .config-card-head {display:flex;align-items:start;gap:16px;padding:var(--ui-card-pad) var(--ui-card-pad) 0;border:0;margin:0}
body .config-card-head h2 {font-size:19px;line-height:1.3;letter-spacing:-.02em;font-weight:650;margin:6px 0 8px}
body .config-card-head p {max-width:70ch;font-size:13px;line-height:1.65;color:var(--ui-muted);margin:0}
body .config-card-body {padding:20px var(--ui-card-pad) var(--ui-card-pad);min-width:0}
body .config-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;align-items:start;border:0;padding:0;min-width:0}
body .config-field, body .management-modal .modal-fields .config-field {display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0;border:0;min-height:0;min-width:0;background:transparent;margin:0}
body .config-field.full,body .premium-field.full {grid-column:1/-1}
body .config-field > span:first-child,body .config-field > .field-label {font-size:13.5px;line-height:1.45;font-weight:600;color:var(--ui-text);margin:0}
body .config-field .field-help, body .config-field small {font-size:12.5px;line-height:1.55;font-weight:400;color:var(--ui-muted);max-width:70ch;margin:0}
body .config-field .field-example {font-size:12px;color:var(--ui-faint)}
body :is(.config-field,.internal-card,.ui-card) :is(input:not([type=checkbox]):not([type=hidden]),select,textarea),body .config-control,body .multi-picker-trigger,body .static-field-value,body .es-header-tools select,body .tc-toolbar select {box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:var(--ui-control-height);border:1px solid #35434e;border-radius:9px;padding:10px 12px;background:var(--ui-input);color:var(--ui-text);font:400 13px/1.5 var(--font-sans);margin:0;color-scheme:dark}
body .static-field-value {display:flex;align-items:center}
body .config-field textarea {min-height:112px;resize:vertical;padding:12px}
body .config-field input[type=color] {width:120px;padding:5px}
body .config-field :is(input,select,textarea):disabled {opacity:.55;cursor:not-allowed}
body .config-field :is(input,select,textarea):hover:not(:disabled) {border-color:#526775}
body .config-field :is(input,select,textarea):focus-visible {outline:2px solid var(--ui-accent);outline-offset:2px;border-color:var(--ui-accent)}
body .config-field [aria-invalid=true] {border-color:var(--danger)}
body .config-field.toggle-field {grid-column:1/-1}
body .config-field.toggle-field > .toggle-control,body .management-modal .modal-fields .config-field.toggle-field > .toggle-control {display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:20px;padding:14px 16px;min-height:0;border:1px solid var(--ui-border);border-radius:10px;background:#0c1319}
body .toggle-copy {grid-column:1;min-width:0;max-width:70ch}
body .toggle-copy strong {font-size:13.5px;line-height:1.45;color:var(--ui-text)}
body .toggle-copy small {margin-top:4px}
body .switch-ui {width:44px;height:26px;min-width:44px;grid-column:2;grid-row:1;align-self:center}
body .config-field > * {min-width:0;overflow-wrap:anywhere}
body .field-counter {font-size:11px;align-self:end;color:var(--ui-faint)}
body .management-surface {display:grid;gap:20px;padding:20px var(--ui-card-pad) var(--ui-card-pad)}
body .manager-item,body .manager-empty-state {min-height:0}
body .manager-item {padding:18px;border:1px solid var(--ui-border);border-radius:10px;background:#0c1319}
body .manager-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
body .manager-meta {margin:0;gap:8px;display:flex;flex-wrap:wrap}
body .manager-item .manager-meta {margin-top:12px}
body .manager-actions {padding-top:0;margin-top:12px;gap:8px}
body .manager-chip,body .status-pill,body .ui-status {display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;font-weight:550;border:1px solid var(--ui-border);border-radius:7px;background:#0c1319;padding:6px 9px;overflow-wrap:anywhere}
body .ui-intro {display:flex;align-items:flex-start;gap:14px;border:1px solid var(--ui-border);border-left:3px solid var(--ui-accent);border-radius:10px;background:#101820;padding:18px 20px}
body .ui-intro h2 {font-size:15px;line-height:1.4;margin:0 0 6px}
body .ui-intro p {font-size:13px;line-height:1.65;color:var(--ui-muted);margin:0;max-width:70ch}
body .ui-state,body .empty-state,body .manager-empty-state {display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;border:1px dashed #374651;border-radius:10px;text-align:left;min-height:0;color:var(--ui-muted)}
body .ui-state > .ui-icon {width:28px;height:28px;color:var(--ui-accent);flex:0 0 auto}
body .ui-state-copy {flex:1;min-width:min(100%,180px)}
body .ui-state strong,body .empty-state b {display:block;font-size:14px;line-height:1.5;color:var(--ui-text)}
body .ui-state p,body .empty-state p {font-size:13px;line-height:1.6;max-width:65ch;margin:5px 0 0;color:var(--ui-muted)}
body .ui-state-error {border-color:#845454;background:#8b33330a}
body .ui-state-error > .ui-icon {color:var(--danger)}
.ui-skeleton {display:grid;gap:10px;width:100%;padding-top:2px}
.ui-skeleton span {display:block;height:10px;border-radius:4px;background:linear-gradient(90deg,#24303b,#374550,#24303b);background-size:200% 100%;animation:ui-shimmer 1.5s ease infinite}
.ui-skeleton span:nth-child(2){width:80%}.ui-skeleton span:nth-child(3){width:55%}
@keyframes ui-shimmer {to{background-position:-200% 0}}
body .ui-disclosure {padding:0;margin:0 0 14px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-panel);min-width:0;overflow:hidden}
body .ui-disclosure > summary {display:flex;align-items:center;padding:0;list-style:none;cursor:default;border:0}
body .ui-disclosure > summary::-webkit-details-marker {display:none}
body .ui-disclosure-trigger {display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:18px 20px;text-align:left;background:transparent;border:0;border-radius:0;color:var(--ui-text);cursor:pointer;font:600 14px/1.4 var(--font-sans)}
body .ui-disclosure-trigger:hover {background:#ffffff04}
body .ui-disclosure-trigger:focus-visible {outline:2px solid var(--ui-accent);outline-offset:-3px}
body .ui-disclosure-trigger:disabled {opacity:.5;cursor:not-allowed}
.ui-disclosure-copy {display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}
.ui-disclosure-trigger > .ui-icon {color:var(--ui-accent);flex:0 0 18px;width:18px;height:18px}
.ui-disclosure-description {font-size:12px;font-weight:400;color:var(--ui-muted)}
body .ui-disclosure-chevron {transform:rotate(-90deg);transition:transform .19s ease;color:var(--ui-muted)}
body .ui-disclosure-trigger[aria-expanded=true] .ui-disclosure-chevron {transform:rotate(90deg)}
body .ui-disclosure[open] > summary {border-bottom:1px solid var(--ui-border)}
body .ui-disclosure-body {padding:20px;overflow:hidden;min-width:0}
body .ui-disclosure-body > .config-fields {padding:0;grid-template-columns:minmax(0,1fr)}
body .ui-disclosure-body > p {margin:0 0 12px;color:var(--ui-muted);font-size:13px;line-height:1.65}
body .ui-disclosure-actions {display:flex;gap:8px;padding-right:12px}
body .ui-tabs {display:flex;gap:4px;flex-wrap:wrap;padding:5px;border:1px solid var(--ui-border);border-radius:12px;background:#0b1117;margin:0 0 24px}
body .ui-tabs [role=tab] {padding:10px 14px;border:1px solid transparent;background:transparent;border-radius:8px;color:var(--ui-muted);font-size:13px;min-height:40px;cursor:pointer}
body .ui-tabs [role=tab][aria-selected=true] {background:#203b30;border-color:#426b55;color:#c5f0d8}
body .ui-tabs [role=tab]:disabled {opacity:.45;cursor:not-allowed}
body .ui-tabs [role=tab]:focus-visible {outline:2px solid var(--ui-accent);outline-offset:2px}
body .button {min-height:40px;padding:10px 16px;border-radius:9px;font-size:13px;font-weight:600;line-height:1.4;white-space:normal;text-align:center}
body .button:disabled {cursor:not-allowed;opacity:.5}
body .button[aria-busy=true] {cursor:progress}
body .config-shell > .global-footer {margin:0;padding:28px clamp(20px,3vw,48px) 22px}
body .config-shell > .global-footer .global-footer-grid {grid-template-columns:1.3fr 1fr 1fr;gap:24px}
body .platform-page-shell, body .internal-main {width:100%;max-width:1240px;margin:0 auto;padding:32px clamp(20px,3vw,40px) 48px;min-width:0;flex:1}
body:has(> .internal-main),body.staff-page {display:flex;flex-direction:column;min-height:100dvh}
body .internal-card {padding:var(--ui-card-pad)}
body .internal-card h2 {font-size:19px;line-height:1.4;margin:0 0 12px}
body .internal-card p {font-size:13px;line-height:1.65;max-width:70ch;margin:8px 0 16px}
body .internal-card form,body .internal-list {gap:16px}
body .internal-main [data-internal-content] {display:grid;gap:24px}
body .ui-backup-list {display:grid;gap:16px;min-width:0}
body .ui-backup-list > h2 {font-size:19px;margin:0}
body .ui-backup-list .internal-card h3 {font-size:16px;line-height:1.45;margin:0 0 10px}
body .ui-backup-list > .internal-grid:empty {display:none}
body.staff-page [data-staff-view] {padding:24px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-panel)}
body .staff-actions {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 20px}
body .staff-list {display:grid;gap:16px;margin:0 0 20px}
body .staff-entry {min-height:0;border:1px solid var(--ui-border);padding:20px;border-radius:12px;background:var(--ui-panel)}
body .staff-entry h3 {font-size:15px;margin:0 0 8px}
body .staff-entry p {font-size:13px;color:var(--ui-muted);line-height:1.6;margin:6px 0}
body .es-header-tools {display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:20px;margin:0 0 20px;padding:20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-panel)}
body .es-header-tools label {display:grid;gap:8px;font-size:13px;font-weight:600}
body .embed-config-section .tc-toolbar {padding:16px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-panel);gap:10px;margin:0 0 20px}
body .embed-config-section .tc-toolbar select {width:auto;flex:1 1 220px}
body .es-layout {grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;margin:0}
body .ui-discord-preview {background:#0b1117;border:1px solid var(--ui-border);border-radius:12px;padding:20px;min-width:0;color:var(--ui-text)}
body .ui-list-title {font-size:15px;font-weight:600;color:var(--ui-text);margin:0}
body .es-preview {top:86px;max-height:calc(100dvh - 110px)}
body .discord-preview-message {display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px}
body .discord-preview-avatar {width:36px;height:36px;border-radius:50%}
body .discord-preview-text,body .es-description {font-size:13px;line-height:1.65;overflow-wrap:anywhere}
body .config-column[data-preview-slot] {position:sticky;top:86px}
body .preview-note {font-size:12px;line-height:1.65;color:var(--ui-faint);margin:0;max-width:70ch}
body .config-card-body > div + div {margin-top:20px}
body .config-card-body.management-surface > div + div {margin-top:0}
body [hidden] {display:none!important}
@media(max-width:1180px){body .config-section-grid.has-preview,body .es-layout {grid-template-columns:minmax(0,1fr)}body .config-column[data-preview-slot],body .es-preview{position:static;max-height:none}body .config-hero{flex-wrap:wrap}}
@media(max-width:760px){:root{--ui-card-pad:20px;--ui-gap:20px}body .config-main,body .internal-main,body .platform-page-shell{padding:24px 18px 32px}body .config-fields,body .manager-grid,body .internal-grid,body .es-header-tools{grid-template-columns:minmax(0,1fr)}body .config-hero,body .ui-page-header,body .platform-page-head{flex-direction:column;gap:16px;margin-bottom:24px}body .config-hero h1,body .ui-page-header h1,body .platform-page-head h1{font-size:30px}body .config-card-head h2{font-size:18px}body .config-shell>.global-footer .global-footer-grid{grid-template-columns:minmax(0,1fr)}body .ui-disclosure-trigger,body .ui-disclosure-body{padding:16px}body .ui-state{padding:20px}body .ui-tabs{gap:4px}body .ui-tabs [role=tab]{flex:1 1 auto;padding:10px}body .config-field :is(input:not([type=checkbox]),select,textarea){font-size:16px}body .config-topbar{padding:0 18px;gap:10px}body .config-topbar-actions{gap:6px}body .config-sync-state{display:none}body .config-breadcrumb{min-width:0}body .config-breadcrumb strong{max-width:115px}body .es-preview{padding:18px}body .es-header-tools{padding:16px}}
@media(max-width:430px){body .config-breadcrumb>span:first-child,body .config-breadcrumb>b:first-of-type{display:none}body .config-card-head,body .config-card-body{--ui-card-pad:16px}body .config-field.toggle-field>.toggle-control{padding:12px;gap:12px}body .config-hero-actions{width:100%}body .config-hero-actions .button{flex:1}body .account-trigger strong{max-width:80px}body .config-shell>.global-footer{padding:24px 18px}body .embed-config-section .tc-toolbar .button{flex:1 1 45%;min-width:0}body .internal-actions .button{flex:1 1 45%}}
@media(prefers-reduced-motion:reduce){.ui-skeleton span,body .ui-disclosure-chevron{animation:none;transition:none}}

/* The native switch remains accessible but never paints a disabled checkbox. */
body .config-field input.switch-input,body [data-premium-locked=true] input.switch-input {position:absolute;width:1px;height:1px;min-width:0;min-height:0;opacity:0;clip-path:inset(50%);overflow:hidden;padding:0;border:0}
body .toggle-control {position:relative}
body .switch-input:focus-visible+.switch-ui {outline:2px solid var(--ui-accent);outline-offset:3px}
body .config-field.is-disabled {opacity:1}
body [data-premium-locked=true] .config-field {opacity:1;filter:none}
body [data-premium-locked=true] .switch-ui {border-color:#52616c;background:#202b32}
body [data-premium-locked=true] :is(input:not(.switch-input),select,textarea,button) {opacity:.72}
body[data-config-section=automod] .config-section-grid {grid-template-columns:minmax(0,1fr)}
body[data-config-section=automod] .config-section-grid>.config-column:first-child {grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
body[data-config-section=automod] .config-card .config-fields {grid-template-columns:minmax(0,1fr)}
body .config-guild-card,body .guild-switcher {background:#111820;border:1px solid #293641;color:var(--ui-text)}
body .config-guild-card:hover,body .guild-switcher:hover {border-color:#526b61;box-shadow:0 0 18px #72c79a0b}
body .config-guild-card strong {color:var(--ui-text)}
.announcement-tabs {display:flex;gap:8px;flex-wrap:wrap}
.announcement-tabs [aria-selected=true] {border-color:var(--ui-accent,#72c79a);color:var(--ui-text);background:#173027}
.announcement-form>.ui-card[hidden] {display:none}

body .announcement-list,body .announcement-form {display:grid;gap:20px;min-width:0}
body .announcement-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px) auto;align-items:center;gap:20px;padding:24px}
body .announcement-row h2 {font-size:18px;margin:0 0 6px}
body .announcement-row p {font-size:13px;color:var(--ui-muted);margin:0 0 6px}
body .announcement-row small {color:var(--ui-faint)}
body .announcement-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:24px;align-items:start;margin-top:24px}
body .announcement-preview {padding:24px;position:sticky;top:90px;min-width:0;overflow-wrap:anywhere}
body .announcement-preview p {white-space:pre-wrap;font-size:13px;line-height:1.6}
body .announcement-preview small {display:block;color:var(--ui-muted);font-size:11px;line-height:1.6}
body .announcement-discord-embed {border-left:4px solid var(--ui-accent);background:#20232a;padding:16px;margin:16px 0;border-radius:6px;min-width:0}
body .announcement-discord-embed h4 {font-size:16px;margin:10px 0}
body .announcement-image {max-width:100%;height:auto;display:block;border-radius:6px;margin:12px 0}
body .announcement-thumb {width:72px;height:72px;object-fit:contain;float:right}
body .announcement-embed-fields {display:grid;gap:16px;margin:20px 0}
body .announcement-editor .internal-actions {flex-wrap:wrap;gap:12px;margin-bottom:18px}
body .announcement-editor select {max-width:100%}
@media(max-width:1200px){body .announcement-row{grid-template-columns:minmax(0,1fr) auto}body .announcement-row>.config-field{grid-column:1/-1}body .announcement-grid{grid-template-columns:minmax(0,1fr)}body .announcement-preview{position:static}}
@media(max-width:600px){body .announcement-row{grid-template-columns:minmax(0,1fr);padding:20px}body .announcement-row button{width:100%}}

body .backup-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border:1px solid var(--ui-border);border-radius:10px;margin:16px 0}body .backup-selection[hidden]{display:none}body .backup-selection label{display:flex;align-items:center;gap:10px}body .backup-selection input[type=checkbox]{width:18px;height:18px}body .announcement-list[hidden]{display:none}@media(max-width:600px){body .backup-selection{grid-template-columns:1fr}}

.announcement-bot,.announcement-preview-author,.announcement-preview-footer {display:flex;align-items:center;gap:8px}
.announcement-bot>img {width:32px;height:32px;border-radius:50%}
.announcement-preview-author>img {width:24px;height:24px;border-radius:50%}
.announcement-preview-footer>img {width:16px;height:16px;border-radius:50%}
.announcement-bot>small {background:#355b46;padding:2px 4px;border-radius:3px}
/* Announcement and guild profile editors: natural sizing, no overlay locks. */
@font-face{font-family:'Announcement Sans';src:url('/assets/fonts/NotoSans.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Announcement Serif';src:url('/assets/fonts/NotoSerif.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Announcement Mono';src:url('/assets/fonts/NotoSansMono.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Announcement Emoji';src:url('/assets/fonts/NotoEmoji.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Announcement Sans';src:url('/assets/fonts/NotoSans-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
@font-face{font-family:'Announcement Serif';src:url('/assets/fonts/NotoSerif-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
@font-face{font-family:'Announcement Mono';src:url('/assets/fonts/NotoSansMono-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
body .announcement-block{display:grid;gap:14px;margin-top:26px;padding-top:24px;border-top:1px solid var(--ui-border,#2a3942);min-width:0}
body .announcement-block>:is(h4,p){margin:0;line-height:1.65}
body .announcement-block>.button{justify-self:start;margin-top:4px;max-width:100%;white-space:normal}
body .announcement-format-toggle{padding:18px;margin-bottom:24px;border:1px solid #2b4b3b;border-radius:10px;background:#0d1c16}
body .announcement-format-toggle .toggle-control{gap:24px;align-items:center}
body .announcement-format-toggle .toggle-copy{min-width:0;padding-right:12px}
body .announcement-format-toggle .switch-ui{flex-shrink:0}
body .announcement-format-status{padding:14px 16px;background:#0b1913;border-radius:8px;line-height:1.6}
body .announcement-insert-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:16px 0 22px}
body .announcement-insert-tools :is(button,select){min-width:0;max-width:100%;white-space:normal}
body .announcement-editor [data-path='event.message']{min-height:240px;resize:vertical;line-height:1.7}
body .announcement-font-sample{padding:16px;border:1px solid var(--ui-border,#2a3942);border-radius:8px;font-size:22px;overflow-wrap:anywhere}
body .announcement-gallery{padding:14px;border:1px solid var(--ui-border,#2a3942);border-radius:10px}
body .announcement-gallery summary{cursor:pointer;font-weight:600;padding:4px}
body .announcement-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;max-height:380px;overflow-y:auto;padding:3px}
body .announcement-gallery-tile{padding:0;display:grid;gap:8px;border:2px solid transparent;border-radius:8px;background:#0b151b;overflow:hidden;color:inherit;cursor:pointer;min-width:0}
body .announcement-gallery-tile[aria-pressed=true]{border-color:#72c79a}
body .announcement-gallery-tile img{width:100%;height:auto;aspect-ratio:20/9;object-fit:cover}
body .announcement-gallery-tile span{padding:0 6px 10px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
body .announcement-palette{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
body .announcement-palette button{width:24px;height:24px;border-radius:50%;border:1px solid #64748b;padding:0;min-height:24px;flex:0 0 24px;cursor:pointer}
body .announcement-preview .announcement-brand-small{display:block;width:96px;height:96px;object-fit:contain}
body .announcement-editor .announcement-preview{align-self:start}
@media(max-width:1200px){body .announcement-editor .announcement-preview{grid-row:1}}
body .announcement-content,body .announcement-discord-embed p{white-space:pre-wrap;overflow-wrap:anywhere}
body .announcement-row h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;line-height:1.45}
body .announcement-icon{width:22px;height:22px;flex:0 0 22px;color:#72c79a}
body .icon-banimento{color:#eb7272}body .icon-boost{color:#c39aff}
body .announcement-row .button{min-width:150px;white-space:normal;height:auto;min-height:40px}
body .announcement-row:has(.icon-profile){grid-template-columns:minmax(0,1fr) auto}
body .announcement-editor .config-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body .announcement-editor .config-field{min-width:0}
body .announcement-editor .config-field.full{grid-column:1/-1}
body .announcement-editor :is(input,select,textarea){width:100%;min-width:0;max-width:100%}
body .announcement-editor .toggle-control input{width:1px}
body .announcement-details{border-top:1px solid var(--ui-border,#2a3942);margin-top:24px;padding-top:20px}
body .announcement-details summary{cursor:pointer;font-weight:600;padding:8px 0 20px}
body .announcement-warning{border:1px solid #756039;background:#30291b;color:#edce91;padding:12px;border-radius:8px}
body .profile-form,body .profile-preview{padding:24px;min-width:0;overflow-wrap:anywhere}
body .profile-form>p{font-size:13px;line-height:1.7;color:var(--ui-muted)}
body .profile-banner{height:132px;background:linear-gradient(130deg,#163f30,#0b171e);border-radius:12px;overflow:hidden;margin-top:18px}
body .profile-banner img{width:100%;height:100%;object-fit:cover}
body .profile-identity{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:-24px;position:relative;padding:0 12px}
body .profile-avatar{width:80px;height:80px;object-fit:cover;border-radius:50%;border:5px solid #10171e;background:#10171e}
body .profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
body .profile-form .internal-actions{margin-top:24px}
body .profile-status{min-height:24px}
@media(max-width:1200px){body .announcement-row{grid-template-columns:minmax(0,1fr) auto}body .announcement-row>.config-field{grid-column:1/-1}}
@media(max-width:600px){body .announcement-row,body .announcement-row:has(.icon-profile){grid-template-columns:minmax(0,1fr)}body .announcement-editor .config-fields{grid-template-columns:minmax(0,1fr)}body .announcement-preview,body .profile-form,body .profile-preview{padding:18px}body .announcement-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body .announcement-tabs .button{min-width:0}body .announcement-grid{gap:18px}}
@media(min-width:1201px){
 body .announcement-row{grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:12px 24px}
 body .announcement-row>div:first-child{grid-column:1;grid-row:1/3;align-self:center}
 body .announcement-row>.config-field{grid-column:2;grid-row:1}
 body .announcement-row>.button{grid-column:2;grid-row:2;width:100%;min-width:0;justify-self:stretch}
 body .announcement-row:has(.icon-profile)>.button{grid-row:1/3;align-self:center;width:auto;justify-self:end}
}

/* Shared sizing for announcement and profile workspaces. */
.announcement-studio{min-width:0;margin-top:20px;grid-column:1/-1}
.announcement-studio>summary{padding:20px;cursor:pointer;color:#c4a3ff;font-weight:650}
.announcement-studio .manager-item{margin-block:12px;overflow-wrap:anywhere;content-visibility:visible;contain-intrinsic-size:none}
.announcement-studio .internal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:12px}
.announcement-studio .config-field input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent,#72c79a)}
.announcement-insert-tools{display:flex;gap:10px;min-width:0}
.announcement-insert-tools select{width:100%;min-width:0}
.announcement-details .premium-field{min-width:0}
.config-nav [data-config-section=profile] .vip-badge{font-size:10px;color:#c4a3ff;white-space:nowrap}
.announcement-studio-feedback{overflow-wrap:anywhere}
@media(max-width:600px){.announcement-studio .internal-actions>*{max-width:100%;white-space:normal}.announcement-studio>.config-card-body{padding:16px}.announcement-studio .config-fields{grid-template-columns:minmax(0,1fr)}}

}