html,body{height:100%;margin:0;font-family:sans-serif}button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:1.5rem}.btn-danger{background:transparent;border:1.5px solid #d32f2f;border-radius:6px;color:#d32f2f;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.btn-danger:hover{background:#ffebee}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#1a73e8;border:1.5px solid #1a73e8;border-radius:6px;color:#fff}.btn-primary:hover{background:#cce2ff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;border:1.5px solid #666;border-radius:6px;color:#666}.btn-secondary:hover{background:#f0f0f0}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.prefix-input{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;overflow:hidden}.prefix-input .prefix{padding:6px 2px 6px 8px;font-size:13px;color:#333;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}.prefix-input input{border:none!important;flex:1}