@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";html{min-width:320px}::selection{color:#173c28;background:#cde7d5}:root{--ink:#202521;--muted:#727a72;--line:#dfe4dd;--paper:#f6f7f3;--card:#fff;--green:#197c4b;--red:#b53e37;--cream:#ebe9df}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}.shell{max-width:1120px;margin:auto;padding:34px 32px 56px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:22px;display:flex}h1{letter-spacing:-.03em;margin:5px 0 0;font-size:20px}.eyebrow,.step,.status,.preview span,th{letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.eyebrow{color:var(--muted);margin:0}.status{color:var(--green);background:#edf7f0;border:1px solid #b8d7c4;border-radius:20px;padding:7px 10px}.status i{vertical-align:1px;background:#2a9b61;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.intro{max-width:600px;padding:72px 0 42px}h2{letter-spacing:-.065em;margin:14px 0 18px;font-size:50px;line-height:1}.intro>p:last-child{color:var(--muted);font-size:16px;line-height:1.6}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:26px}.card-heading{align-items:flex-start;gap:15px;display:flex}.step{color:var(--green);padding-top:4px}h3{margin:0 0 5px;font-size:17px}.card-heading p{color:var(--muted);margin:0;font-size:13px}code{color:var(--green);font-family:DM Mono,monospace;font-size:12px}.dropzone{cursor:pointer;min-height:170px;color:var(--green);background:#fbfcf9;border:1px dashed #b7c2b8;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;margin:27px 0 12px;display:flex}.dropzone input{display:none}.dropzone strong{margin-top:8px;font-size:14px}.dropzone small{color:var(--muted);margin-top:5px}.upload-icon{text-align:center;border:1px solid #b8d7c4;border-radius:50%;width:34px;height:34px;padding-top:6px;font-size:20px}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.metrics{border-top:1px solid var(--line);gap:38px;margin-top:31px;padding-top:18px;display:flex}.metrics div{flex-direction:column;gap:3px;display:flex}.metrics strong{font-size:21px}.metrics span{color:var(--muted);font-size:11px}.green{color:var(--green)}.red{color:var(--red)}textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:170px;color:var(--ink);outline-color:var(--green);border-radius:4px;margin-top:27px;padding:15px;line-height:1.5}.preview{background:var(--cream);border-radius:4px;margin-top:16px;padding:15px}.preview span{color:var(--muted);font-size:10px}.preview p{margin:10px 0 0;font-size:14px;line-height:1.5}.review{margin-top:16px}.review-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.primary{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:11px 16px;font-size:13px;font-weight:600}.primary:disabled{cursor:not-allowed;background:#b9c2ba}.issues{color:var(--red);background:#fff8f7;border:1px solid #f0d2ce;border-radius:4px;flex-direction:column;gap:5px;margin-top:22px;padding:13px;font-size:12px;display:flex}.issues strong{color:var(--ink);margin-bottom:2px}.table-wrap{margin-top:26px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:0 12px 10px 0;font-weight:400}td{border-bottom:1px solid var(--line);padding:13px 12px 13px 0}.tag{border-radius:12px;padding:4px 8px;font-size:11px}.valid{color:var(--green);background:#edf7f0}.invalid{color:var(--red);background:#fff0ee}.empty{color:var(--muted);text-align:center;padding:30px}footer{color:var(--muted);text-align:center;margin-top:30px;font-size:12px}@media (width<=700px){.shell{padding:24px 16px 40px}.grid{grid-template-columns:1fr}h2{font-size:40px}.intro{padding:50px 0 30px}.review-header{flex-direction:column}.primary{width:100%}}.login-shell{place-items:center;min-height:100vh;display:grid}.login-card{background:var(--card,#fff);border:1px solid #dfe8e2;border-radius:24px;width:min(420px,100%);padding:2.5rem;box-shadow:0 18px 50px #203f2d1a}.login-card h1{margin:.5rem 0}.login-card p{color:#607066;margin-bottom:2rem}.login-card label{gap:.45rem;margin-bottom:1rem;font-weight:700;display:grid}.login-card input{font:inherit;border:1px solid #cbd8cf;border-radius:10px;padding:.8rem}.login-card button{width:100%}.login-error{color:#ae3e36;margin-bottom:1rem;display:block}.status.online i{background:#319760}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.secondary{color:#245a3b;font:inherit;cursor:pointer;background:0 0;border:1px solid #bdd0c2;border-radius:10px;padding:.7rem 1rem;font-weight:700}.secondary:disabled{cursor:not-allowed;opacity:.5}.connection-card{margin-top:16px}.connection-controls,.new-instance{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.connection-controls select,.new-instance input{border:1px solid var(--line);min-width:220px;font:inherit;background:#fff;border-radius:4px;flex:1;padding:11px}.connection-notice{color:var(--muted);font-size:13px}.qr-code{width:220px;height:220px;image-rendering:pixelated;margin:18px auto 4px;display:block}