:root{--primary: #009688;--primary-dark: #00695c;--primary-light: #e0f2f1;--accent: #ffc107;--accent-dark: #ff9800;--warn: #f44336;--success: #4caf50;--bg: #f5f5f5;--border: #e0e0e0;--muted: #9e9e9e;--text: #212121}*{box-sizing:border-box}body{margin:0;font-family:Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}.page{min-height:100vh;padding:32px 16px 64px;display:flex;justify-content:center}.card{width:100%;max-width:640px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;overflow:hidden}.app-bar{background:var(--primary);color:#fff;padding:20px 24px}.app-bar h1{margin:0;font-size:20px;font-weight:500;letter-spacing:.2px}.app-bar p{margin:4px 0 0;font-size:13px;font-weight:400;color:#ffffffd9}.card-body{padding:24px}.section-title{margin:0 0 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--primary-dark)}.current-config{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.chip{background:var(--primary-light);border:1px solid #b2dfdb;border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.chip-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-dark)}.chip-value{font-size:15px;font-weight:500;color:var(--text);word-break:break-all}.chip-default{font-size:12px;color:var(--muted)}.field{margin-bottom:18px}.field label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.field select{width:100%;font-family:inherit;font-size:15px;color:var(--text);padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%239e9e9e'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:border-color .15s,box-shadow .15s}.field select:hover{border-color:var(--muted)}.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.field input{width:100%;font-family:inherit;font-size:15px;color:var(--text);padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:4px}.actions{margin-top:24px}.btn{font-family:inherit;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:#fff;background:var(--primary);border:none;border-radius:4px;padding:12px 24px;cursor:pointer;transition:background .15s,box-shadow .15s;box-shadow:0 1px 2px #00000029}.btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 2px 4px #0003}.btn:disabled{background:var(--muted);cursor:not-allowed;box-shadow:none}.btn-danger{margin-left:8px;background:#c62828}.btn-danger:hover:not(:disabled){background:#8e0000}.banner{border-radius:4px;padding:12px 16px;margin-bottom:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.banner.success{background:#e8f5e9;color:#1b5e20;border:1px solid var(--success)}.banner.error{background:#ffebee;color:#b71c1c;border:1px solid var(--warn)}.banner.warning{background:#fff8e1;color:#6d4c00;border:1px solid var(--accent)}.state{text-align:center;color:var(--muted);padding:40px 0;font-size:15px}