:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eaef;--lab-accent:#6b9fd4;--lab-surface:#181c26;--lab-border:#2e3648;background:#0e1016;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}.lab{max-width:56rem;margin:0 auto;padding:1.25rem 1.25rem 3rem}.lab-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.lab h1{margin:0 0 .2rem;font-size:1.5rem;font-weight:600}.lab .tag{color:#8b95a8;max-width:28rem;margin:0;font-size:.82rem}.lab-link{color:var(--lab-accent);white-space:nowrap;border:1px solid var(--lab-border);border-radius:6px;padding:.35rem .65rem;font-size:.85rem;text-decoration:none}.lab-link:hover{background:var(--lab-surface)}.lab-steps{gap:.5rem;margin:0 0 1.25rem;padding:0;font-size:.8rem;list-style:none;display:flex}.lab-steps li{border:1px solid var(--lab-border);color:#7a8496;border-radius:999px;padding:.35rem .65rem}.lab-steps li.active{border-color:var(--lab-accent);color:var(--lab-accent);background:#6b9fd41f}.lab-steps li.done{color:#8bc49a;border-color:#3d5a48}.lab section{border:1px solid var(--lab-border);background:var(--lab-surface);border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.1rem}.lab-section-title{margin:0 0 .75rem;font-size:.95rem;font-weight:600}.lab-drop{text-align:center;cursor:pointer;border:2px dashed #3d4a62;border-radius:10px;margin-bottom:.85rem;padding:2rem 1rem;transition:border-color .15s,background .15s;position:relative}.lab-drop:hover,.lab-drop--over{border-color:var(--lab-accent);background:#6b9fd414}.lab-drop--has-file{border-style:solid;border-color:#3d5a48}.lab-drop-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.lab-drop-title{word-break:break-all;margin:0;font-size:.95rem;font-weight:500}.lab-drop-hint{color:#7a8496;margin:.35rem 0 0;font-size:.78rem}.lab label{color:#b8c0d0;margin-bottom:.35rem;font-size:.85rem;display:block}.lab-check{color:#9aa3b2;cursor:pointer;align-items:center;gap:.4rem;margin:0;font-size:.82rem;display:inline-flex}.lab-check input{width:auto}.lab-mono code{word-break:break-all;font-size:.72rem}.lab select{border:1px solid var(--lab-border);min-width:12rem;color:inherit;font:inherit;background:#0f1218;border-radius:6px;flex:1;padding:.45rem .55rem}.lab input[type=number]{border:1px solid var(--lab-border);max-width:6rem;color:inherit;font:inherit;background:#0f1218;border-radius:6px;padding:.45rem .55rem}.lab textarea{border:1px solid var(--lab-border);color:#c8d0e0;background:#0a0c10;border-radius:8px;width:100%;min-height:14rem;padding:.65rem;font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem;line-height:1.45}.lab .row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.65rem;display:flex}.lab button{font:inherit;color:inherit;cursor:pointer;background:#252b38;border:1px solid #4a5568;border-radius:6px;padding:.5rem .9rem}.lab button:hover:not(:disabled){background:#2f3848}.lab button:disabled{opacity:.45;cursor:not-allowed}.lab button.primary{background:#3d5a80;border-color:#5c7ab8}.lab button.primary:hover:not(:disabled){background:#4a6d96}.lab .status{color:#8b95a8;margin:.65rem 0 0;font-size:.85rem}.lab .status.error{color:#f0a0a0}.lab code{background:#0a0c10;border-radius:4px;padding:.1em .35em;font-size:.82em}