/* Common preview surface, retaining each tool's own content and theme. */
#ansi-preview{border:1px solid var(--chat-divider,#ffffff0b);border-radius:14px;padding:18px;box-shadow:none;line-height:1.5}
.discord-chat,.timestamp-illustration,.markdown-preview.discord-render,#role-palette-preview,#automod-results,#md-file-preview,.server-directory{border:1px solid var(--chat-divider,#ffffff0b);border-radius:14px;background:var(--chat-bg,#1e2128);color:var(--chat-text,#b7c1d1);box-shadow:none;font-family:var(--body,system-ui);font-size:13px;line-height:1.5}
.discord-chat,.timestamp-illustration,.markdown-preview.discord-render,#role-palette-preview,#automod-results,#md-file-preview{margin:14px;padding:18px;min-width:0}
.suite-panel>.markdown-preview.discord-render,.suite-panel>#role-palette-preview,.suite-panel>#automod-results,.suite-panel>#md-file-preview{margin:0}
.preview-toolbar{background:transparent;color:var(--chat-muted,#8a98b0);font-size:11px;letter-spacing:.05em}
.preview-heading,.suite-panel:has(>.theme-surface)>h3{box-shadow:none}
#role-palette-preview .palette-member{padding:7px 0;gap:10px;border:0;align-items:center}
#role-palette-preview .palette-avatar{width:10px;height:10px;flex:0 0 10px;min-width:10px;border-radius:50%;font-size:0;box-shadow:inset 0 0 0 1px #ffffff20}
#role-palette-preview .palette-member strong{font-size:13px;font-weight:400;line-height:1.4}
#role-palette-preview .palette-member small{font-size:10px;font-weight:400;color:var(--chat-muted,#8a98b0)}
/* Small handles centered on their own card, independent of row button styles. */
.sort-card>.sort-handle,.plan-category.sort-card>.sort-handle{box-sizing:border-box;left:-13px;top:50%;transform:translateY(-50%);width:14px!important;min-width:14px!important;height:30px!important;min-height:30px!important;padding:0!important;flex:none;border-radius:6px 0 0 6px;font-size:13px;line-height:1;box-shadow:-2px 2px 6px #0003}
.plan-category.sort-card>.sort-handle{top:26px}
.sort-list{padding-left:12px}.plan-channel-list{padding-left:12px}
.plan-category .plan-channel.sort-card{margin:0;min-width:0}
.channel-picker{width:min(560px,calc(100vw - 32px))}.channel-picker-grid{grid-template-columns:repeat(10,minmax(0,1fr))}
@media(max-width:600px){.channel-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.discord-chat,.timestamp-illustration{margin:10px;padding:14px}}