.local-designs { max-width:1180px; margin:28px auto 0; padding:14px 18px; border:1px solid #dbe5f0; border-radius:14px; background:#f8fbff; color:#17253d; }
.local-designs-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.local-designs-toggle { min-width:0; display:flex; align-items:center; gap:9px; padding:5px 0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.local-designs-toggle strong { font-size:1.05rem; }
.local-designs-count { min-width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#e6f0ff; color:#0f54bc; font-size:.78rem; font-weight:800; }
.local-designs-chevron { color:#0f54bc; font-size:1.25rem; line-height:1; transition:transform .18s ease; }
.local-designs.is-open .local-designs-chevron { transform:rotate(180deg); }
.local-designs-body { padding-top:8px; }
.local-designs-help { display:block; }
.local-designs small { color:#667085; }
.local-designs-new,.local-designs-item a,.local-designs-item button { border:1px solid #b9cee9; border-radius:8px; padding:7px 10px; background:#fff; color:#0f54bc; font:inherit; font-weight:750; text-decoration:none; cursor:pointer; }
.local-designs-list { display:grid; gap:8px; margin-top:10px; }
.local-designs-item { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; padding:10px 12px; border:1px solid #dbe5f0; border-radius:10px; background:#fff; }
.local-designs-meta { min-width:0; display:flex; align-items:baseline; gap:12px; }
.local-designs-meta strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.local-designs-date { flex:none; font-size:.82rem; white-space:nowrap; }
.local-designs-item.current { border-color:#75a9ec; box-shadow:0 0 0 2px rgba(23,105,224,.1); }
.local-designs-actions { display:flex; gap:7px; }
.local-designs-item button { color:#9b3924; border-color:#e5c1ba; }
@media (max-width:620px) { .local-designs { padding:12px; } .local-designs-heading { align-items:stretch; flex-wrap:wrap; gap:8px; } .local-designs-toggle { flex:1 1 auto; } .local-designs-new { text-align:center; } .local-designs-item { grid-template-columns:1fr; align-items:stretch; gap:8px; } .local-designs-meta { flex-wrap:wrap; gap:3px 10px; } .local-designs-actions { display:grid; grid-template-columns:1fr 1fr; } .local-designs-item a,.local-designs-item button { text-align:center; } }