.ContainerQueryBuilderClient-module__J__hyW__layout{gap:2rem;display:grid}@media (min-width:1080px){.ContainerQueryBuilderClient-module__J__hyW__layout{grid-template-columns:320px 1fr;align-items:start}}.ContainerQueryBuilderClient-module__J__hyW__sidebar{gap:1rem;display:grid}.ContainerQueryBuilderClient-module__J__hyW__sidebarIntro{color:var(--muted);font-size:.95rem}.ContainerQueryBuilderClient-module__J__hyW__breakpointList{gap:1rem;display:grid}.ContainerQueryBuilderClient-module__J__hyW__breakpointCard{gap:.75rem;display:grid}.ContainerQueryBuilderClient-module__J__hyW__breakpointTop{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ContainerQueryBuilderClient-module__J__hyW__breakpointMeta{color:var(--muted);font-size:.85rem}.ContainerQueryBuilderClient-module__J__hyW__fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (max-width:720px){.ContainerQueryBuilderClient-module__J__hyW__fieldGrid{grid-template-columns:1fr}}.ContainerQueryBuilderClient-module__J__hyW__field label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-size:.8rem;display:block}.ContainerQueryBuilderClient-module__J__hyW__field{flex-direction:column;gap:.35rem;display:flex}.ContainerQueryBuilderClient-module__J__hyW__field input{width:100%}.ContainerQueryBuilderClient-module__J__hyW__addButton{align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.ContainerQueryBuilderClient-module__J__hyW__previewCard{gap:1rem;display:grid}.ContainerQueryBuilderClient-module__J__hyW__sliderRow{align-items:center;gap:1rem;display:flex}.ContainerQueryBuilderClient-module__J__hyW__sliderRow input[type=range]{flex:1}.ContainerQueryBuilderClient-module__J__hyW__sliderValue{color:var(--muted);font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.ContainerQueryBuilderClient-module__J__hyW__previewSurface{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:1.25rem}.ContainerQueryBuilderClient-module__J__hyW__previewFrame{max-width:100%;margin:0 auto}.ContainerQueryBuilderClient-module__J__hyW__previewViewport{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1);border-radius:14px;padding:1.5rem}.ContainerQueryBuilderClient-module__J__hyW__demoContainer{gap:var(--cq-gap,1.25rem);grid-template-columns:repeat(var(--cq-columns,1),minmax(0,1fr));transition:grid-template-columns .25s,gap .25s;display:grid;container-type:inline-size}.ContainerQueryBuilderClient-module__J__hyW__demoCard{background:var(--panel);border:1px solid var(--border);padding:var(--cq-card-padding,18px);box-shadow:var(--shadow-1);border-radius:14px;gap:.5rem;display:grid}.ContainerQueryBuilderClient-module__J__hyW__demoCard h4{font-size:1.05rem}.ContainerQueryBuilderClient-module__J__hyW__demoCard p{color:var(--muted);font-size:.92rem;line-height:1.5}.ContainerQueryBuilderClient-module__J__hyW__badge{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--brand)12%,transparent);color:color-mix(in srgb,var(--brand)85%,var(--fg));border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.ContainerQueryBuilderClient-module__J__hyW__outputGrid{gap:1.5rem;display:grid}@media (min-width:880px){.ContainerQueryBuilderClient-module__J__hyW__outputGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ContainerQueryBuilderClient-module__J__hyW__outputCard{gap:.75rem;display:grid}.ContainerQueryBuilderClient-module__J__hyW__outputHeader{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ContainerQueryBuilderClient-module__J__hyW__outputHeader h3{font-size:1.05rem}.ContainerQueryBuilderClient-module__J__hyW__codeBlock{background:var(--panel);border:1px solid var(--border);white-space:pre;border-radius:14px;padding:1rem;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.ContainerQueryBuilderClient-module__J__hyW__actions{gap:.5rem;display:flex}.ContainerQueryBuilderClient-module__J__hyW__inlineGroup{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ContainerQueryBuilderClient-module__J__hyW__inlineGroup span{color:var(--muted);font-size:.85rem}.ContainerQueryBuilderClient-module__J__hyW__removeBtn{color:var(--brand);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.ContainerQueryBuilderClient-module__J__hyW__removeBtn button{color:inherit}.ContainerQueryBuilderClient-module__J__hyW__emptyState{color:var(--muted);font-size:.9rem}