.creative-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin-bottom:12px; }
.creative-toolbar .store-field { width:min(100%,380px); }
.creative-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:20px; }
.creative-card { overflow:hidden; padding:0; min-width:0; }
.creative-card > img,.creative-card > video { display:block; width:100%; height:190px; object-fit:contain; background:var(--panel-soft); }
.creative-card-placeholder { height:90px; display:grid; place-items:center; color:var(--muted); background:linear-gradient(135deg,var(--soft-accent),var(--surface)); font-size:13px; }
.creative-card-body { display:grid; align-content:start; gap:12px; padding:19px; overflow-wrap:anywhere; }
.creative-card-body h3 { margin:0; font-size:17px; }
.creative-card-body > p:not(.eyebrow) { font-size:13px; color:var(--body-text); line-height:1.65; white-space:pre-wrap; }
.creative-editor-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr); gap:22px; align-items:start; margin-top:20px; }
.creative-form { display:grid; gap:16px; min-width:0; }
.creative-form h3 { margin:0; font-size:20px; }
.creative-link-editor { padding:17px; display:grid; gap:12px; background:var(--panel-soft); border:1px solid var(--line); border-radius:14px; }
.creative-link-editor ul { list-style:none; display:grid; gap:10px; padding:0; }
.creative-link-editor li { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; overflow-wrap:anywhere; }
.creative-link-editor .chip { width:fit-content; }
.creative-workshop-preview { display:block; min-width:0; position:sticky; top:var(--app-scroll-offset); }
.creative-workshop-preview > div { min-width:0; }
.creative-workshop-preview img,.creative-workshop-preview video { display:block; width:100%; max-height:320px; object-fit:contain; border-radius:12px; margin-block:14px; background:var(--panel-soft); }
.creative-workshop-preview h4 { margin-block:16px 10px; overflow-wrap:anywhere; }
.creative-workshop-preview p { font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.creative-placeholder { margin-top:15px; min-height:180px; display:grid; place-items:center; border:1px dashed var(--premium-edge); border-radius:14px; color:var(--muted); background:var(--soft-accent); font-size:13px; }
.creative-cta { display:inline-block; margin-top:16px; border-radius:8px; padding:8px 12px; background:var(--mid-accent); color:var(--accent-dark); font-size:12px; font-weight:750; overflow-wrap:anywhere; }
.creative-guidance { margin-top:24px; padding-top:6px; border-top:1px solid var(--line); }
.creative-guidance p+p { margin-top:12px; }
.creative-results { margin-top:20px; }
.creative-results > .store-field { max-width:500px; margin-block:20px 12px; }
.creative-results .table-wrap { margin-block:16px; }
.creative-results table { min-width:850px; }
.creative-results td:first-child { font-weight:750; }
[data-creative-status][data-error=true] { color:var(--warn-text); }
.creative-empty { margin-top:20px; }
.creative-empty p { margin-block:14px; color:var(--body-text); }
@media(max-width:1000px) { .creative-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:750px) { .creative-editor-layout { grid-template-columns:minmax(0,1fr); } .creative-workshop-preview { position:static; } }
@media(max-width:550px) { .creative-cards { grid-template-columns:minmax(0,1fr); } .creative-toolbar .primary-button { flex:1; } .creative-form .store-field-grid { grid-template-columns:minmax(0,1fr); } }