.sticky-workspace { display: grid; grid-template-columns: minmax(12rem, 17rem) minmax(0, 1fr); gap: 1.2rem; align-items: start; }
.sticky-sidebar, .sticky-editor { padding: 1.2rem; border: 1px solid var(--border); border-radius: .9rem; background: var(--surface); min-width: 0; }
.sticky-sidebar h3 { margin-top: 0; }
.sticky-list { display: grid; gap: .5rem; margin: 1rem 0; }
.sticky-list-item { display: grid; gap: .35rem; width: 100%; text-align: left; padding: .8rem; border: 1px solid var(--border); border-radius: .6rem; overflow-wrap: anywhere; }
.sticky-list-item[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-soft); }
.sticky-list-item small { color: var(--muted); font-weight: 400; }
.sticky-editor-heading { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; justify-content: space-between; }
.sticky-editor-heading h3 { margin: 0; overflow-wrap: anywhere; }
.sticky-status-badge { padding: .35rem .65rem; border: 1px solid var(--border); border-radius: 2rem; font-size: .85rem; }
.sticky-edit-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.2rem; margin-top: 1.25rem; align-items: start; }
.sticky-fields { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: .9rem; }
.sticky-fields label, .sticky-fields textarea { min-width: 0; width: 100%; box-sizing: border-box; }
.sticky-fields textarea { resize: vertical; }
.sticky-embed-toggle { display: flex; gap: .6rem; align-items: center; }
.sticky-embed-toggle input { width: auto; }
.sticky-preview-card { min-width: 0; border: 1px solid var(--border); border-radius: .75rem; padding: 1rem; position: sticky; top: 1rem; }
.sticky-preview-card h3 { margin-top: 0; }
.sticky-preview-card .discord-preview { overflow-wrap: anywhere; }
.sticky-import { border: 1px solid var(--border); border-radius: .65rem; padding: .85rem; }
.sticky-import summary { cursor: pointer; font-weight: 600; }
.sticky-import textarea { margin-top: .5rem; }
.sticky-import button { margin-top: .75rem; }
.sticky-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.2rem; }
.sticky-message-link { display: inline-block; margin-top: .4rem; }
#sticky-status[data-tone="error"] { color: var(--danger); }
@media (max-width: 1150px) { .sticky-edit-layout { grid-template-columns: 1fr; } .sticky-preview-card { position: static; } }
@media (max-width: 700px) { .sticky-workspace { grid-template-columns: 1fr; } .sticky-list { max-height: 16rem; overflow: auto; } .sticky-actions .button { flex: 1 1 auto; } }