body{padding:0;margin:0;font-family:system-ui,sans-serif}header{height:10dvh;width:100vw;background-color:#1976d2}main{display:flex;justify-content:center;align-items:center;height:90dvh}.connector[data-v-5b37d4b7]{display:flex;flex-direction:column;gap:8px;max-width:400px}label[data-v-5b37d4b7]{font-weight:600;margin-top:8px}input[data-v-5b37d4b7]{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.hint[data-v-5b37d4b7]{font-size:12px;color:#888}button[data-v-5b37d4b7]{border:transparent solid 2px;margin-top:12px;padding:10px 16px;background:#1976d2;color:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:.15s ease-in}button[data-v-5b37d4b7]:hover:not(:disabled){transition:.15s ease-in;border:#1976D2 solid 2px;background-color:#318de8}button[data-v-5b37d4b7]:disabled{opacity:.5;cursor:not-allowed}.status[data-v-5b37d4b7]{margin-top:8px;padding:8px 12px;border-radius:4px;font-size:14px}.status.success[data-v-5b37d4b7]{background:#e8f5e9;color:#2e7d32}.status.error[data-v-5b37d4b7]{background:#ffebee;color:#c62828}