:root{--bg:#0b0d10;--surface:#14171c;--surface-2:#1c2028;--border:#2a2f3a;--text:#eef1f5;--text-dim:#9aa4b2;--accent:#5b8cff;--accent-text:#0b0d10;--success:#3ecf8e;--error:#ff6b6b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit}.nav{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:16px 24px;display:flex}.nav .brand{color:var(--text);margin-right:24px;font-weight:700}.nav a{color:var(--text-dim);border-radius:8px;padding:8px 14px;font-size:14px;text-decoration:none}.nav a:hover{background:var(--surface-2);color:var(--text)}.container{max-width:720px;margin:0 auto;padding:32px 24px 80px}h1{margin:0 0 24px;font-size:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.tabs{gap:8px;margin-bottom:20px;display:flex}.tab{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px}.tab.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}input[type=text],input[type=url],input[type=password],input[type=file],textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}textarea{resize:vertical;min-height:90px}label.field{color:var(--text-dim);margin-bottom:6px;font-size:13px;display:block}.field-group{margin-bottom:16px}button{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.danger{color:var(--error);border:1px solid var(--error);background:0 0}.checkbox-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 0;display:flex}.checkbox-row:last-child{border-bottom:none}.checkbox-row input{width:16px;height:16px}.preview-media{border-radius:8px;max-width:100%;margin:12px 0;display:block}.badge{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.badge.success{color:var(--success);background:#3ecf8e26}.badge.error{color:var(--error);background:#ff6b6b26}.badge.connected{color:var(--success);background:#3ecf8e26}.badge.disconnected{background:var(--surface-2);color:var(--text-dim)}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--text-dim);font-size:13px}.banner{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.banner.success{color:var(--success);background:#3ecf8e1f}.banner.error{color:var(--error);background:#ff6b6b1f}.result-line{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.result-line:last-child{border-bottom:none}.result-message{color:var(--text-dim);text-align:right;max-width:60%;font-size:13px}