.selection-summary { display:flex; justify-content:space-between; align-items:center; margin:10px 0 0; color:var(--muted); font-size:11px; }
.selection-summary .text-button { color:var(--ink); }
.layer-picker { border-top:1px solid var(--line); margin-top:21px; padding-top:18px; }
.layer-picker-label { display:flex; justify-content:space-between; gap:18px; align-items:baseline; font-size:12px; font-weight:700; }
.layer-picker-label small { color:var(--muted); font-weight:400; font-size:11px; }
.layer-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.layer-chip { cursor:pointer; border:1px solid var(--line); border-radius:99px; background:#fff; padding:8px 11px; font-size:11px; color:var(--muted); }
.layer-chip input { position:absolute; opacity:0; }
.layer-chip:has(input:checked) { background:var(--soft-green); border-color:var(--accent-deep); color:var(--ink); font-weight:700; }
.schema-card { border:1px solid var(--line); background:#fff; border-radius:3px; overflow:hidden; margin-bottom:14px; }
.schema-card > div:first-child { display:flex; align-items:flex-start; justify-content:space-between; padding:17px 18px 12px; border-bottom:1px solid var(--line); }
.schema-card h4 { margin:5px 0 0; font-size:14px; }.schema-output { height:180px; overflow:auto; margin:0; padding:16px 18px; white-space:pre-wrap; font:11px/1.55 'SFMono-Regular',Consolas,monospace; color:#4b5856; }
.result-actions { margin-top:14px; }.result-actions .download-button { border:1px solid var(--line); border-radius:3px; background:#fbfcf8; }.notes-card { grid-column:1 / -1; }
@media (max-width:760px) { .layer-picker-label { display:block; }.layer-picker-label small { display:block; margin-top:6px; } }