.planner-references,.planner-creative-summary{border:1px solid var(--border-subtle,#ddd);background:var(--surface-card,#fff);border-radius:.5rem;gap:.75rem;min-width:0;padding:1rem;display:grid}.planner-references header{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.planner-references h2,.planner-creative-summary h2{margin:0;font-size:1rem}.planner-references p,.planner-creative-summary p{margin:0;font-size:.875rem}.planner-references ul,.planner-creative-summary ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.planner-references li,.planner-creative-summary li{flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0;display:flex}.planner-references__thumbnail{background:var(--surface-muted,#f5f5f5);border-radius:.25rem;flex:0 0 3.5rem;place-items:center;width:3.5rem;height:3.5rem;font-size:.75rem;display:grid;overflow:hidden}.planner-references__thumbnail img{object-fit:cover;width:100%;height:100%}.planner-references__fields{flex:1;gap:.5rem;min-width:8rem;display:grid}.planner-references label{gap:.25rem;font-size:.875rem;display:grid}.planner-references input,.planner-references select{border:1px solid var(--border-subtle,#ccc);background:var(--surface-card,#fff);border-radius:.25rem;width:100%;min-width:0;padding:.5rem}.planner-references__actions{gap:.25rem;display:flex}.planner-references button,.planner-creative-summary button,.planner-creative-summary a{border:1px solid var(--border-subtle,#ccc);background:var(--surface-card,#fff);color:var(--text-primary,#222);cursor:pointer;border-radius:.25rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none}.planner-creative-summary button:last-child{background:var(--social-accent,#ff6b00);color:#191919}.planner-references button:disabled{opacity:.5;cursor:default}.planner-references :focus-visible,.planner-creative-summary :focus-visible{outline-offset:3px;outline:2px solid #222}.planner-references [role=alert]{color:var(--text-danger,#a32020)}.planner-creative-summary li>div{overflow-wrap:anywhere;flex:1;min-width:0}@media (max-width:480px){.planner-references__actions{justify-content:flex-end;width:100%}}@media (max-width:380px){.agency-shell:has(.social-planner-content-page) .agency-topbar-actions{flex-wrap:wrap;flex-shrink:1;gap:4px;min-width:0}.agency-shell:has(.social-planner-content-page) #social-context-switcher-menu{width:min(240px,100vw - 80px);left:0;right:auto}}