/* Sample-only layout. Palette and controls come from the existing PH app. */
#ph-muestra{min-width:0}
#ph-muestra .ph-panel{max-width:1100px;margin-inline:auto}
#ph-muestra section{margin-top:32px;padding-top:24px;border-top:1px solid var(--v2-border)}
#ph-muestra :is(pre,textarea){font:var(--ph-regular) var(--ph-text-xs)/1.6 var(--mono,monospace);font-variant-numeric:tabular-nums;white-space:pre;overflow:auto;max-width:100%;background:var(--v2-soft);color:var(--v2-ink)}
#ph-muestra pre{max-height:320px;padding:16px;border-radius:8px}
#ph-muestra textarea{width:100%;resize:vertical}
#ph-muestra .ph-table-wrap{max-width:100%}
#ph-muestra table{min-width:540px;width:100%}
#ph-muestra td{white-space:pre-wrap;overflow-wrap:anywhere;max-width:360px;vertical-align:top}
#ph-muestra .muestra-ack{display:flex;align-items:flex-start;gap:12px;margin-block:20px}
#ph-muestra .muestra-ack input{width:auto;flex:0 0 auto;margin-top:5px}
#ph-muestra [hidden]{display:none!important}
#ph-muestra #muestra-status{white-space:pre-line}
#ph-muestra [data-error=true]{color:var(--status-red)}
#muestra-kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}
@media(max-width:650px){#ph-muestra .ph-actions{flex-direction:column;align-items:stretch}#muestra-kinds{grid-template-columns:minmax(0,1fr)}}