.designer-types {
 display: flex;
 flex-direction: column;
 gap: 4px;
 padding: 0 12px 8px;
}

.designer-recent-title {
 padding: 8px 12px 0;
 font-size: var(--text-sm);
 font-weight: 600;
}

.designer-recent-empty {
 padding: 8px 12px 16px;
}

.designer-rows {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.designer-row {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 2px;
 width: 100%;
 padding: 12px;
 border: 1px solid var(--border);
 border-radius: var(--radius-md);
 background: transparent;
 color: inherit;
 font: inherit;
 text-align: left;
 cursor: pointer;
}

.designer-row:hover {
 background: var(--sidebar-item-hover);
}

.designer-catalog {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.designer-card {
 border: 1px solid var(--border);
 border-radius: var(--radius-md);
 padding: 16px;
}

.designer-card h2,
.designer-card h3 {
 margin: 0 0 8px;
}

.designer-prop-list {
 margin: 8px 0 0;
 padding-left: 18px;
}

.designer-stack {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.designer-columns {
 display: grid;
 gap: 12px;
}

.designer-columns[data-cols='2'] {
 grid-template-columns: 1fr 1fr;
}

.designer-columns[data-cols='3'] {
 grid-template-columns: 1fr 1fr 1fr;
}

.designer-columns[data-cols='4'] {
 grid-template-columns: repeat(4, 1fr);
}

.designer-metric-value {
 font-size: 1.5rem;
 font-weight: 600;
}

.designer-table {
 width: 100%;
 border-collapse: collapse;
}

.designer-table th,
.designer-table td {
 border-bottom: 1px solid var(--border);
 text-align: left;
 padding: 6px 8px;
 font-size: var(--text-sm);
}

.designer-json,
.designer-secret {
 white-space: pre-wrap;
 word-break: break-all;
 font-family: ui-monospace, monospace;
 font-size: var(--text-sm);
}

.designer-preview {
 border-top: 1px solid var(--border);
 padding-top: 16px;
}

.designer-inputs {
 max-width: 420px;
}

@media (max-width: 720px) {
 .designer-columns[data-cols='2'],
 .designer-columns[data-cols='3'],
 .designer-columns[data-cols='4'] {
  grid-template-columns: 1fr;
 }
}