/* Timestamp: 2026-10-31 | Version: 2.0.5 | Author & Credits: https://www.alawise.es/1-s */
.lab-hero { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr); align-items:center; gap:40px; padding:40px 5%; }
.lab-hero h1 { font-size:clamp(46px,5vw,68px); margin:16px 0; }
.lab-local { border-left:1px solid #554477; padding:20px 30px; color:var(--muted); font:13px/1.8 monospace; }
.lab-local > span { color:#b6e1c1; font:11px monospace; letter-spacing:2px; }
.lab-local p { margin:18px 0; }
.lab-tabs { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:25px; }
.lab-tabs a { border:1px solid #433951; padding:10px 18px; border-radius:30px; }
.lab-shell { padding-top:30px; }
.lab-status { padding:16px 20px; background:#171223; border:1px solid #42344f; color:#d9cdeb; font:13px/1.6 monospace; margin-bottom:30px; overflow-wrap:anywhere; }
.lab-blocked { border:1px solid #ce9750; padding:20px; margin-bottom:30px; }
.lab-panel { border:1px solid #352c47; padding:clamp(20px,4vw,48px); margin-bottom:35px; scroll-margin-top:30px; }
.lab-panel h2 { font-size:clamp(32px,4vw,48px); line-height:1.1; margin:15px 0 25px; }
.lab-heading { display:flex; align-items:start; justify-content:space-between; gap:18px; }
.lab-controls { display:flex; flex-wrap:wrap; gap:20px; align-items:end; }
.lab-controls label, .lab-output-grid label, [data-secret-result] > label { display:grid; gap:9px; min-width:0; font:12px/1.5 monospace; }
.lab-panel input:not([type=checkbox]), .lab-panel select, .lab-panel textarea { border:1px solid #4f4169; color:#eee7fb; background:#100d19; padding:12px; border-radius:4px; max-width:100%; min-width:0; font:13px/1.6 monospace; }
.lab-panel textarea { width:100%; resize:vertical; overflow-wrap:anywhere; }
.lab-panel label.lab-checkbox { display:flex; align-items:center; gap:10px; padding-bottom:14px; }
.lab-checkbox input { width:18px; height:18px; accent-color:#9c85cf; }
.lab-panel .quiet-note { line-height:1.7; margin-top:17px; }
.lab-fingerprint { display:grid; gap:10px; margin:32px 0; color:#d0c3ef; overflow-wrap:anywhere; }
.lab-fingerprint span { font:11px monospace; color:#b4a9c7; }
.lab-fingerprint code { font-size:14px; }
.lab-output-grid { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:30px; margin-top:28px; }
.lab-output-grid label + label { margin-top:20px; }
.lab-qr-box { margin:0; padding:16px; border:1px solid #40344d; display:flex; flex-direction:column; gap:14px; align-items:center; justify-content:start; }
.lab-qr-box canvas { width:100%; max-width:250px; height:auto; background:#fff; image-rendering:pixelated; }
.lab-qr-box figcaption { font:10px/1.6 monospace; text-align:center; color:#b9a6d4; letter-spacing:.8px; }
.lab-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.lab-actions button, .lab-controls button:not(.button) { color:#dbcfef; background:#21172f; border:1px solid #5a4372; padding:10px 14px; font:12px monospace; }
.lab-panel button:disabled { opacity:.45; cursor:wait; }
.lab-private { border-top:1px solid #352c47; margin-top:35px; padding-top:28px; }
.lab-private > p, .lab-panel > p { color:var(--muted); font-size:13px; }
.lab-help { margin-top:25px; border:1px solid #352c47; padding:20px; }
.lab-help summary { cursor:pointer; }
.lab-help p, .lab-method p { color:var(--muted); font-size:13px; }
.lab-help pre { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.8 monospace; color:#cfbfe8; }
.lab-seed-art { overflow-x:auto; margin:25px 0 0; padding:20px; border:1px solid #40344d; background:#08070d; color:#b6e1c1; font:12px/1.5 monospace; white-space:pre; }
.lab-method { max-width:850px; padding:25px 0; }
.lab-method h2 { font-size:30px; }
.is-offline [data-online-only] { display:none; }
@media(max-width:850px) { .lab-hero { grid-template-columns:1fr; gap:20px; padding:30px 5%; } .lab-output-grid { grid-template-columns:1fr; } .lab-qr-box { max-width:340px; } }
@media(max-width:600px) { .lab-controls > label { width:100%; } .lab-controls input, .lab-controls select { width:100%; } .lab-heading { flex-direction:column; } .lab-panel { padding:20px 16px; } .lab-local { margin-top:25px; } .lab-tabs { font-size:10px; } }

.lab-notices { white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.6 monospace; color:var(--muted); }

.lab-provenance { color:#b6e1c1; font:12px/1.7 monospace; overflow-wrap:anywhere; }
.lab-secret-qr { max-width:340px; margin-top:25px; }
[data-secret-result] { margin-top:25px; }
.lab-otp-code { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin:25px 0; }
.lab-otp-code code { font:36px monospace; letter-spacing:6px; color:#ddd0f9; }
.lab-otp-code span { font:11px monospace; color:var(--muted); }
.lab-source h2 { font-size:clamp(28px,3vw,38px); }