/* Dvě větve odpovídají venkovnímu vstupu a odtahu z prostoru. */
.humidity-tool { padding: 10px; }
.humidity-tool > p { margin: 0 0 12px; }
.humidity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.humidity-grid fieldset { min-width: 0; margin: 0; padding: 12px; border: 1px solid var(--line); border-radius: 3px; }
.humidity-grid legend, .humidity-grid label { font-weight: 700; }
.humidity-grid label { display: block; margin: 8px 0 4px; }
.humidity-grid input { width: 100%; min-width: 0; min-height: 40px; padding: 8px 10px; border: 1px solid var(--field-border); border-radius: 3px; color: var(--text); background: var(--bg); font: inherit; }
.humidity-grid input[aria-invalid="true"] { border-color: var(--danger); }
.humidity-error { color: var(--danger); }
.humidity-results { margin: 12px 0 18px; }
.humidity-results > div { padding: 12px; border: 1px solid var(--line); border-radius: 3px; background: var(--bg); }
.humidity-results dt { color: var(--muted); }
.humidity-results dd { margin: 8px 0 0; font-size: 22px; font-weight: 700; color: var(--heading); }
.humidity-results small { font-size: 13px; font-weight: 400; }
/* Přirozená výška a měkké zalomení zobrazí celý kód bez vnitřních posuvníků. */
.humidity-code { display: block; width: 100%; min-width: 0; margin: 0; padding: 12px; border: 1px solid #aab4c0; border-radius: 3px; color: #000; background: #fff; color-scheme: light; font: 13px/1.6 "Courier New", monospace; white-space: pre-wrap; overflow-wrap: anywhere; tab-size: 4; }
.humidity-code code { padding: 0; border: 0; color: inherit; background: transparent; font: inherit; white-space: inherit; }
.humidity-code .humidity-token-comment { color: #008000; }
.humidity-code .humidity-token-keyword, .humidity-code .humidity-token-operator { color: #0000ff; }
.humidity-code .humidity-token-variable { color: #800080; }
.humidity-code .humidity-token-number { color: #008caa; }
/* PseDet GEN1 zobrazuje proměnné černě a operátory purpurově. */
.humidity-code-gen1 .humidity-token-variable { color: #000; }
.humidity-code-gen1 .humidity-token-operator { color: #ff00ff; }
.humidity-copy { margin-top: 8px; padding: 9px 14px; cursor: pointer; font: inherit; }
.humidity-copy[hidden] { display: none; }
/* Náhled hosta je PNG, zachovává bílé pozadí a přirozenou výšku bez posuvníku. */
.humidity-code img { display: block; max-width: 100%; height: auto; }
.humidity-code-label { display: block; margin-bottom: 8px; font-weight: 700; }
.humidity-variables { overflow-wrap: anywhere; }
@media (max-width: 640px) {
    .humidity-grid { grid-template-columns: minmax(0, 1fr); }
}