body { margin: 0; font: 14px/1.5 system-ui, sans-serif; background: #eceef1; color: #29313d; }
.sample-picker { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 24px; border-bottom: 1px solid #dce1e6; background: #f8f9fb; }
.sample-picker label { font-size: 12px; font-weight: 600; }
.sample-picker select { min-height: 34px; padding: 4px 28px 4px 9px; border: 1px solid #c7d0dc; border-radius: 4px; color: inherit; background: #fff; font: inherit; }
.sample-picker select:focus-visible { outline: 2px solid #366bcc; outline-offset: 2px; }
.sample-picker span { color: #647183; font-size: 12px; }
#status { margin: 0; padding: 8px 24px; background: #fff6e5; color: #71531e; }
#status:empty { display: none; }
#app { min-width: 0; }
@media (max-width: 640px) { .sample-picker { padding: 8px 14px; } .sample-picker span { width: 100%; } }
[hidden] { display: none !important; }