body {
    font-family: Arial, sans-serif;
    margin: 20px;
}
h2 {
    color: #333;
}





body{
    font-family: system-ui, Arial, sans-serif;;
    max-width: 850px;
    margin: 20px auto;
    padding: 20px 0 0 100px;
    line-height: 1.5;
    }
    
    
h2{
    color: #333;
    margin-bottom: 20px;
    }
    
p{
    color: #777;
    margin-bottom: 20px;
    }

label{
    display:block;margin:10px 0 4px;font-weight:600;
    }
    
summary{
    margin:10px 0;font-weight:600;
    }

input[type="text"]{
    width:100%;
    padding:10px;
    border:1px solid #888;
    border-radius:6px;
    font-size:15px;
    margin-bottom:10px;
    max-width:400px;
    }

/* TAG INPUT */
.tag-container{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    padding:10px;
    border:1px solid #888;
    border-radius:6px;
    cursor:text;
    min-height:36px;
    max-width:400px;
    }

.tag{
    background:#f0f0f0;
    border:1px solid #555;
    color:#000;
    padding:5px 8px;
    border-radius:4px;
    display:flex;
    align-items:center;
    font-size:14px;
    }

.tag button{
    margin-left:6px;
    border:none;
    background:none;
    font-weight:bold;
    cursor:pointer;
    padding:0;
    }

.tag-input{
    border:none;
    flex:1;
    min-width:120px;
    padding:5px;
    font-size:14px;
    outline:none;
    }

/* Botones */
.engines{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:15px;
    }

button{
    padding:10px 14px;
    cursor:pointer;
    border-radius:6px;
    border:1px solid #222;
    background:#eee;
    color:#000;
    font-size:14px;
    }

button:hover {
    color:#fff;
    background:#000;
    }

/* opciones */
.options{
    margin:15px 0;
    display:flex;
    gap:20px;
    align-items:center;
    }