body{margin:0;padding:0;background-color:#0a0e13;font-family:sans-serif;transition:background-color .2s}[data-theme=light] body{background-color:#fff}h1{text-align:center;margin:10px 0;color:#f8fafc}[data-theme=light] h1{color:#0f172a}.designer-container{display:flex;justify-content:center;padding:20px}.circuits-grid{display:grid;gap:24px}@media(min-width:960px){.circuits-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:640px)and (max-width:959px){.circuits-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:639px){.circuits-grid{grid-template-columns:repeat(2,1fr)}}.circuits-grid-card-image{width:100%;aspect-ratio:16 / 10;min-height:220px;flex-shrink:0;background:#1e2329;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:28px;overflow:hidden;position:relative;transition:background-color .2s,color .2s}[data-theme=light] .circuits-grid-card-image{background:#f1f5f9;color:#94a3b8}.circuits-grid-card-image img{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center}