:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #242836;--border: #2e3345;--text: #e8eaef;--text-muted: #8b92a8;--accent: #4f8cff;--accent-hover: #3a7aef;--danger: #ff5c5c;--success: #3dd68c;--warning: #ffb020;--radius: 10px;--font: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{padding:.35rem .75rem;font-size:.85rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--text-muted)}.form-group input{width:100%;padding:.65rem .85rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--accent)}.error{color:var(--danger);font-size:.9rem;margin-top:.5rem}.copy-row{display:flex;gap:.5rem;align-items:center}.copy-row input{flex:1;padding:.5rem .75rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.85rem;font-family:monospace}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-live{background:#ff5c5c33;color:var(--danger)}.badge-muted{background:#8b92a833;color:var(--text-muted)}header.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}header.app-header h1{font-size:1.25rem;font-weight:600}header.app-header .logo{color:var(--accent)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--surface2);border:1px solid var(--border);padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;z-index:1000;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}