body { font-family: sans-serif; max-width: 900px; margin: 2rem auto; padding: 0 1rem; line-height: 1.6; background-color: #f4f4f4; }
        .btn { display: inline-block; padding: 10px 20px; background: #ffe600; color: #2d3277; text-decoration: none; border-radius: 4px; font-weight: bold; border:none; cursor: pointer; font-size: 1rem;}
        .btn:hover { background: #f3da00; }
        .box { background: #fff; padding: 20px; border-radius: 5px; border: 1px solid #ddd; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
        .success { border-left: 5px solid green; }
        
        /* Estilos nuevos para el formulario */
        .input-text { padding: 10px; border: 1px solid #ccc; font-size: 1.1em; flex-grow: 1; border-radius: 0 4px 4px 0; }
        .url-prefix { padding: 10px; background: #eee; border: 1px solid #ccc; border-right: none; border-radius: 4px 0 0 4px; color: #555; }
        .form-row { display: flex; margin-bottom: 10px; }
        
        /* Estilo para el JSON de respuesta */
        pre { background: #2d2d2d; color: #76ff03; padding: 15px; overflow: auto; max-height: 500px; border-radius: 4px; }