.conceptCreativeEditor { width: min(620px, calc(100% - 28px)); max-height: 88vh; padding: 24px; border: 1px solid var(--border-strong); background: var(--surface); color: var(--text-primary); overflow: auto; }
.conceptCreativeEditor::backdrop { background: rgba(0,0,0,.7); }
.conceptCreativeEditor form { display: grid; gap: 18px; }
.conceptCreativeHead { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.conceptCreativeHead h2 { margin: 0; font-size: 28px; line-height: 1.2; }
.conceptCreativeEditor p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text-secondary); }
.conceptCreativeEditor label { display: grid; gap: 8px; font-size: 14px; }
.conceptCreativeEditor :is(input,textarea) { box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid var(--border-strong); background: var(--subtle-surface); color: var(--text-primary); font: inherit; line-height: 1.5; }
.conceptCreativeEditor textarea { resize: vertical; }
.conceptCreativeEditor button, .conceptCreativeLibrary button { min-height: 42px; padding: 10px 14px; border: 1px solid var(--border-strong); background: var(--control-surface); color: var(--control-text); font: inherit; cursor: pointer; }
.conceptCreativeEditor [type="submit"] { border-color: var(--red); background: var(--red); color: #fff; }
.conceptCreativeEditor button:disabled { opacity: .55; cursor: wait; }
.conceptCreativeEditor :is(input,textarea,button):focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.conceptCreativeActions { display: flex; justify-content: end; flex-wrap: wrap; gap: 10px; }
.conceptCreativeStatus:empty { display: none; }
.conceptCreativeLibrary { display: grid; gap: 12px; max-height: 65vh; overflow: auto; }
.conceptCreativeLibrary article { padding: 18px; border: 1px solid var(--border); background: var(--subtle-surface); }
.conceptCreativeLibrary p { font-size: 14px; line-height: 1.5; }
@media(max-width:600px) { .conceptCreativeEditor { padding: 18px; } .conceptCreativeHead h2 { font-size: 25px; } .conceptCreativeActions button { flex: 1; } }

.conceptCreativeShelf { margin-top: 24px; padding: 18px; border: 1px solid var(--border); background: var(--surface); }
.conceptCreativeShelf summary { cursor: pointer; font-size: 18px; font-weight: 600; }
.conceptCreativeShelf > p { max-width: 760px; color: var(--text-secondary); font-size: 14px; line-height: 1.5; }